@extends('backend.layouts.app')
@section('backend_title', 'Admin Brand List')

@section('backend_content')

    <div class="container mt-4">
        <div class="mb-3">
            <a class="btn btn-info" href="{{ route('admin_order_list') }}">Return List</a>
            <a class="btn btn-secondary" href="{{ route('invoice_download', $orderDetailsForInvoice->id) }}">Download Invoice</a>
        </div>

        <div class="row mb-4">
            <!-- Customer Information -->
            <div class="col-md-4 mb-4">
                <div class=" p-3 rounded">
                    <h5 class="text-dark p-2">Customer Information</h5>
                    <hr>
                    @foreach ([
            'Customer Name' => $orderDetailsForInvoice->users->name,
            'Customer Phone Number' => $orderDetailsForInvoice->users->phone,
            'Customer Email' => $orderDetailsForInvoice->users->email,
            'Customer Location (Division)' => $orderDetailsForInvoice->divisions->name,
            'Customer Location (District)' => $orderDetailsForInvoice->districts->name,
            'Customer Location (Thana)' => $orderDetailsForInvoice->thanas->name,
        ] as $label => $value)
                        <div class="mb-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <label class="form-label mb-0" style="width: 200px;">{{ $label }}:</label>
                                <p class="form-text mb-0" style="flex: 1;">{{ $value }}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <!-- Delivery Information -->
            <div class="col-md-5">
                <div class=" p-3">
                    <h5 class="text-dark p-2">Delivery Information</h5>
                    <hr>
                    @foreach ([
            'Full Name' => $orderDetailsForInvoice->delivery_info->name,
            'Phone Number' => $orderDetailsForInvoice->delivery_info->phone,
            'Email' => $orderDetailsForInvoice->delivery_info->email,
            'Address' => $orderDetailsForInvoice->delivery_info->address,
            'Area Name' => $orderDetailsForInvoice->delivery_info->area_name,
            'Division Name' => $orderDetailsForInvoice->divisions->name,
            'District Name' => $orderDetailsForInvoice->districts->name,
            'Thana Name' => $orderDetailsForInvoice->thanas->name,
        ] as $label => $value)
                        <div class="mb-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <label class="form-label mb-0" style="width: 200px;">{{ $label }}:</label>
                                <p class="form-text mb-0" style="flex: 1;">{{ $value }}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        <!-- Bill Information -->
        <div class="col-md-9">
            <div class="text-dark p-3">
                <h5 class="mb-0">Bill Information</h5>
                <hr>
            </div>
            <div class="">
                <div class="d-flex justify-content-between mb-4">
                    <p class="mb-0"><strong>Order No.:</strong> {{ $orderDetailsForInvoice->order_number }}</p>
                    <p class="mb-0"><strong>Invoice No.:</strong> {{ $orderDetailsForInvoice->invoice_no }}</p>
                    <p class="mb-0"><strong>Order Date:</strong> {{ $orderDetailsForInvoice->order_date }}</p>
                </div>
                <table class="table table-striped table-bordered border-secondary" id="orderTable">
                    <thead class="table-dark">
                        <tr>
                            <th scope="col">SL.</th>
                            <th scope="col">Product Name</th>
                            <th scope="col">Quantity</th>
                            <th scope="col">Price</th>
                            <th scope="col">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orderDetailsForInvoice->order_items as $item)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $item->products->en_name }}</td>
                                <td>{{ $item->qty }}</td>



                                @if ($item->products->promotions == 1)
                                    <td>{{ number_format($item->products->promotions == 1 && $orderDetailsForInvoice->users->referral_code != null ?
                                     $item->products->wholesale_price - $item->products->dis_price_wholesale :
                                      $item->products->retail_price - $item->products->dis_price_retail, 2) }}</td>
                                @else
                                    <td>{{ number_format($orderDetailsForInvoice->users->referral_code ? $item->products->wholesale_price : $item->products->retail_price, 2) }}</td>
                                @endif











                                @if ($item->products->promotions == 1)
                                    <td>{{ number_format($item->products->promotions == 1 && $orderDetailsForInvoice->users->referral_code != null ? ($item->products->wholesale_price - $item->products->dis_price_wholesale) * $item->qty : ($item->products->retail_price - $item->products->dis_price_retail) * $item->qty, 2) }}</td>
                                @else
                                    <td>{{ number_format($orderDetailsForInvoice->users->referral_code ? $item->products->wholesale_price * $item->qty : $item->products->retail_price * $item->qty, 2) }}</td>
                                @endif
                            </tr>
                        @endforeach
                        <input type="hidden" id="shippingCharge" value="{{ $orderDetailsForInvoice->delivery_charge }}">
                    </tbody>
                </table>

                <!-- Summary Table -->
                <table class="table table-striped mt-4">
                    <tbody>
                        <tr>
                            <td class="text-end">Sub Total</td>
                            <td id="subTotal" class="text-center ms-5">0.00</td>
                        </tr>
                        <tr>
                            <td class="text-end">VAT</td>
                            <td id="vat" class="text-center">0.00</td>
                        </tr>
                        <tr>
                            <td class="text-end">Shipping Charge</td>
                            <td id="shipping" class="text-center">0.00</td>
                        </tr>
                        <tr>
                            <td class="text-end"><strong>Grand Total</strong></td>
                            <td id="grandTotal" class="text-center"><strong>0.00</strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

<script>
    document.addEventListener("DOMContentLoaded", function() {
    let subTotal = 0;
    const vatRate = 0.00; // Update this rate if needed

    // Select the table body rows
    const rows = document.querySelectorAll("#orderTable tbody tr");

    // Loop through each row to calculate subtotal
    rows.forEach(row => {
        const qty = parseFloat(row.cells[2].textContent) || 0;
        const price = parseFloat(row.cells[3].textContent) || 0;
        const total = qty * price;

        // Add to subtotal
        subTotal += total;
    });

    // Fetch the shipping charge from the hidden input
    const shippingCharge = parseFloat(document.getElementById("shippingCharge").value) || 0;

    // Calculate VAT and Grand Total
    const vat = subTotal * vatRate;
    const grandTotal = subTotal + vat + shippingCharge;

    // Update the summary section
    document.getElementById("subTotal").textContent = subTotal.toFixed(2);
    document.getElementById("vat").textContent = vat.toFixed(2);
    document.getElementById("shipping").textContent = shippingCharge.toFixed(2);
    document.getElementById("grandTotal").textContent = grandTotal.toFixed(2);
});

</script>


@endsection