@extends('Admin.layout')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        {{-- PAGE HEADER --}}
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mb-4">

            {{-- LEFT SIDE --}}
            <div class="d-flex align-items-center gap-3">

                <a href="{{ route('bill_report') }}" class="back-btn" title="Back to Bills">

                    <i class="fas fa-chevron-left"></i>

                </a>

                <div>

                    <h4 class="fw-bold mb-1">
                        Bill {{ $bill->bill_no }}
                    </h4>

                </div>

            </div>


            {{-- RIGHT SIDE --}}
            <div class="d-flex gap-2">

                <a href="{{ route('bill_print', $bill->bill_id) }}" target="_blank" class="btn btn-primary">

                    <i class="icon-base ti tabler-printer me-1"></i>

                    Print

                </a>

            </div>

        </div>


        {{-- BILL CARD --}}
        <div class="card">

            <div class="card-body">


                {{-- BILL HEADER --}}
                <div class="row align-items-center mb-4">

                    <div class="col-md-6">

                        <h4 class="fw-bold mb-1">
                            JS Speaker
                        </h4>

                        <p class="text-muted mb-0">
                            Vehicle Speaker & Audio
                        </p>

                    </div>


                    <div class="col-md-6 text-md-end mt-3 mt-md-0">

                        <h5 class="fw-bold mb-1">
                            {{ $bill->bill_no }}
                        </h5>

                        <p class="text-muted mb-0">

                            {{ $bill->created_at->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}

                        </p>

                    </div>

                </div>


                <hr class="mb-4">


                {{-- CUSTOMER DETAILS --}}
                <div class="row mb-4">

                    <div class="col-md-3">

                        <span class="text-muted">
                            Customer Name
                        </span>

                        <div class="fw-semibold">
                            {{ $bill->customer_name }}
                        </div>

                    </div>


                    <div class="col-md-3">

                        <span class="text-muted">
                            Phone
                        </span>

                        <div class="fw-semibold">
                            {{ $bill->phone_no }}
                        </div>

                    </div>


                    <div class="col-md-3">

                        <span class="text-muted">
                            Place
                        </span>

                        <div class="fw-semibold">
                            {{ $bill->place ?: '-' }}
                        </div>

                    </div>


                    <div class="col-md-3">

                        <span class="text-muted">
                            Payment Status
                        </span>

                        <div class="fw-semibold">
                            {{ $bill->payment_status }}
                        </div>

                    </div>

                </div>


                {{-- ITEMS --}}
                <div class="mb-4">

                    <h6 class="fw-bold mb-3">
                        Items
                    </h6>


                    <div class="table-responsive">

                        <table class="table table-bordered align-middle">

                            <thead class="table-light">

                                <tr>

                                    <th>
                                        S.No
                                    </th>

                                    <th>
                                        Type
                                    </th>

                                    <th>
                                        Item
                                    </th>

                                    <th>
                                        Description
                                    </th>

                                    <th class="text-center">
                                        Qty
                                    </th>

                                    <th class="text-end">
                                        Price
                                    </th>

                                    <th class="text-end">
                                        Total
                                    </th>

                                </tr>

                            </thead>


                            <tbody>

                                @foreach ($bill->items as $index => $item)
                                    <tr>

                                        <td>
                                            {{ $index + 1 }}
                                        </td>


                                        <td>
                                            {{ $item->item_type }}
                                        </td>


                                        <td class="fw-semibold">
                                            {{ $item->item_name }}
                                        </td>


                                        <td>
                                            {{ $item->description ?: '-' }}
                                        </td>


                                        <td class="text-center">

                                            @if ($item->item_type == 'Service')
                                                -
                                            @else
                                                {{ $item->quantity }}
                                            @endif

                                        </td>


                                        <td class="text-end">

                                            ₹{{ number_format($item->price, 2) }}

                                        </td>


                                        <td class="text-end fw-semibold">

                                            ₹{{ number_format($item->total, 2) }}

                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>

                        </table>

                    </div>

                </div>



                {{-- BILL SUMMARY --}}
                <div class="row justify-content-end">

                    <div class="col-md-6 col-lg-5">

                        <div class="border rounded p-3">


                            {{-- PRODUCT TOTAL --}}
                            <div class="d-flex justify-content-between mb-3">

                                <span class="text-muted">
                                    Product Total
                                </span>

                                <span class="fw-semibold">

                                    ₹{{ number_format($bill->subtotal - ($bill->service_charge ?? 0), 2) }}

                                </span>

                            </div>


                            {{-- SERVICE CHARGE --}}
                            <div class="d-flex justify-content-between mb-3">

                                <span class="text-muted">
                                    Service Charge
                                </span>

                                <span class="fw-semibold">

                                    ₹{{ number_format($bill->service_charge ?? 0, 2) }}

                                </span>

                            </div>


                            {{-- ITEMS TOTAL --}}
                            <div class="d-flex justify-content-between mb-3">

                                <span class="text-muted">
                                    Items Total
                                </span>

                                <span class="fw-semibold">

                                    ₹{{ number_format($bill->subtotal, 2) }}

                                </span>

                            </div>


                            {{-- DISCOUNT --}}
                            <div class="d-flex justify-content-between mb-3">

                                <span class="text-muted">

                                    Discount
                                    ({{ number_format($bill->discount_percentage ?? 0, 2) }}%)

                                </span>

                                <span class="fw-semibold">

                                    ₹{{ number_format($bill->discount_amount ?? 0, 2) }}

                                </span>

                            </div>


                            <hr>


                            {{-- FINAL AMOUNT --}}
                            <div class="d-flex justify-content-between mb-3">

                                <span class="fw-bold">
                                    Final Amount
                                </span>

                                <span class="fw-bold fs-5">

                                    ₹{{ number_format($bill->total, 2) }}

                                </span>

                            </div>

                        </div>

                    </div>

                </div>



            </div>

        </div>

    </div>
@endsection