@section('title', 'View Order')
@section('heading', 'View Order')
@section('top-menu-items')
    <x-partials.top-menu-item name="Orders" route="orders" />
    <x-partials.top-menu-item name="Block Bookings" route="block-booking" />
    <x-partials.top-menu-item name="Invoices" route="invoices" />
    <x-partials.top-menu-item name="Reports" route="reports.daily-sales" />
@endsection
<div>

<div>
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <div class="card" style="background-color: #F3F3F3;">
                <div>
                    <div class="d-flex justify-content-between align-items-center border rounded">
                        <label class="custom-label-h1 mt-5 px-5">Order Information</label>
                        <div class="d-flex justify-content-between align-items-center mt-3 me-5 border rounded">
                            <div class="bg-white p-3 me-2 rounded fw-bold text-gray-600">
                                <strong>Order ID : </strong> {{ $order->id }}
                            </div>
                            <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                <strong>Order Status : </strong>
                                @if ($order->is_refund)
                                Issue Refund {{ $order->status ?? '' }}
                                @else
                                {{ $order->status ?? '' }}
                                @endif
                            </div>
                            &nbsp;&nbsp;
                            <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                <strong>Order Date : </strong> {{ $order->order_date }}
                            </div>
                        </div>
                    </div>

                    <div class="row p-5">
                        <!-- Left Column -->
                        <div class="col-md-6">
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Order ID</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->id }}
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="partner_ref_id" class="custom-label-h2 mb-3">Partner Reference No</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->partner_ref_id ?? 'N/A' }}
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Customer</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->orderable->first_name ?? 'N/A' }} {{ $order->orderable->last_name ?? '' }}
                                </div>
                            </div>

                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Total Bookings</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    @if ($order->bookings->isNotEmpty())
                                    <p class="mb-0">
                                        {{ $order->bookings->count() }}
                                    </p>
                                    @else
                                    <p class="mb-0">0</p>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Total Passengers</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    @if ($order->bookings->isNotEmpty())
                                    <p class="mb-0">
                                        {{ $order->bookings->sum(fn($b) => $b->passengers->count()) }}
                                    </p>
                                    @else
                                    <p class="mb-0">0</p>
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="w-50">
                            <div class="form-group mb-4">
                                <label for="message" class="custom-label mb-3">Order Date</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->order_date }}
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="message" class="custom-label mb-3">Status</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->status ?? 'N/A' }}
                                </div>
                            </div>

                            @if ($order->primaryContact)
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Primary Contact Name</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->primaryContact->first_name ?? 'N/A' }}
                                    {{ $order->primaryContact->last_name ?? '' }}
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Primary Contact Email</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->primaryContact->email ?? 'N/A' }}
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Primary Contact Phone
                                    Number</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->primaryContact->phone ?? 'N/A' }}
                                </div>
                            </div>
                            @endif
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Referral Source</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->orderable?->referral_source ?? 'N/A' }}
                                </div>
                            </div>
                        </div>

                        <div class="accordion g-0" id="bookingsAccordion">
                            <div class="accordion-item mt-5">
                                <h2 class="accordion-header" id="heading">
                                    <button class="accordion-button collapsed " type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse" aria-expanded="false" aria-controls="collapse">
                                        <label for="customer" class="custom-label-h2 ">Customer
                                            Information</label>
                                    </button>
                                </h2>
                                <div id="collapse" class="accordion-collapse collapse" aria-labelledby="heading"
                                    data-bs-parent="#bookingsAccordion">
                                    <div class="accordion-body">
                                        <strong>Name:</strong> {{ $order->customer_first_name ?? 'N/A' }}
                                        {{ $order->customer_last_name ?? '' }} <br>
                                        <strong>Contact:</strong> {{ $order->customer_email ?? 'N/A' }} |
                                        {{ $order->customer_phone ?? '' }}<br>
                                        <strong>Residential Address: </strong>
                                        {{ $order->customer_residential_address ?? 'N/A' }}<br>
                                        <strong>Stay Night Before: </strong>
                                        {{ $order->before_stay_address ?? 'N/A' }}<br>
                                        <strong>Stay Night After: </strong>
                                        {{ $order->after_stay_address ?? 'N/A' }}<br>
                                        <strong>Referral Source: </strong>
                                        {{ $order->customer_referral_source ?? 'N/A' }}<br>
                                    </div>
                                </div>
                            </div>
                            @if ($order->orderable?->partner_id)
                            <div class="accordion-item">
                                <h2 class="accordion-header mt-3" id="heading2">
                                    <button class="accordion-button collapsed" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapse2"
                                        aria-expanded="false" aria-controls="collapse2">
                                        <label for="partner" class="custom-label-h2">Partner Billing
                                            Information</label>
                                    </button>
                                </h2>
                                <div id="collapse2" class="accordion-collapse collapse"
                                    aria-labelledby="heading2" data-bs-parent="#bookingsAccordion">
                                    <div class="accordion-body">
                                        <strong> Organization Name :</strong>
                                        {{ $order->partner_organization_name ?? 'N/A' }} <br>
                                        {!! $order->partner_commission_percentage !== null
                                        ? '<strong>Commission Partnership Billing:</strong> ' . $order->partner_commission_percentage . '%'
                                        : ($order->partner_discount_percentage !== null
                                        ? '<strong>Discount Partnership Billing:</strong> ' . $order->partner_discount_percentage . '%'
                                        : 'N/A') !!}
                                        <br>
                                        <strong>Office Phone Number:</strong>
                                        {{ $order->partner_phone_number ?? 'N/A' }} <br>
                                        <strong>Mailing Address:</strong>
                                        {{ $order->partner_address_line1 ?? '' }}
                                        {{ $order->partner_address_line2 ?? '' }}
                                        {{ $order->partner_country ?? '' }}
                                        {{ $order->partner_postal_code ?? '' }}<br>
                                        <strong>Sales Rep Contact:</strong>
                                        {{ $order->partner_first_name ?? '' }}
                                        {{ $order->partner_last_name ?? '' }}
                                        {{ $order->partner_email ?? '' }}<br>
                                        <strong>Accounting Contact:</strong>
                                        {{ $order->partner_accountant_first_name ?? '' }}
                                        {{ $order->partner_accountant_last_name ?? '' }}
                                        {{ $order->partner_billing_email_address ?? '' }}<br>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            @if ($order->created_by === 'partner')
            <div class="card mt-3" style="background-color: #F3F3F3;">
                <div class="modal-footer flex-right"
                    style="border-top: 0; padding-right: 4.5rem; padding-bottom:0;">
                    <div class="title-container" style="flex: 1;">
                        <h3>FIT Information</h3>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-xxl">
            <!--begin::Card-->
            <div class="card" style="background-color: #F3F3F3;">
                <div class="modal-footer flex-right" style="border-top: 0; padding-right: 4.5rem;">
                    <div class="title-container" style="flex: 1;">
                        <h3>Notes</h3>
                    </div>
                </div>
                <div class="card-body pt-0">
                    <div class="form-control border-0 bg-light fw-bold" style="min-height: 100px;">
                        {{ $order->notes ?? 'No notes available.' }}
                    </div>
                </div>
            </div>
            <!--end::Card-->
        </div>
    </div>

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-xxl">
            <div class="card" style="background-color: #F3F3F3;">
                <div class="modal-footer flex-right" style="border-top: 0; padding-right: 4.5rem;">
                    <div class="title-container" style="flex: 1;">
                        <h3>From The Store</h3>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <table class="table align-middle table-row-dashed gy-5" id="kt_customers_table">
                        <thead>
                            <tr class="text-start custom-label-h3 fw-bolder text-uppercase gs-0">
                                <th class="min-w-125px ">Item Name</th>
                                <th class="min-w-125px">Type</th>
                                <th class="min-w-125px">Price</th>
                                <th class="min-w-100px">Qty</th>
                                <th class="min-w-125px">Participant</th>
                            </tr>
                        </thead>
                        <tbody class="fw-bold custom-label-h3 fw-bolder">
                            @forelse ($selectedOrderAddons ?? [] as $addon)
                            <tr class="{{ $addon->refunded_at ? 'highlighted' : '' }} ">
                                <td>{{ $addon->name ?? 'N/A' }}</td>
                                <td>{{ $addon->type ?? 'N/A' }}</td>
                                <td>
                                    {{ $addon->price ?? 'N/A' }}
                                </td>
                                <td>
                                    {{ $addon->qty ?? 1 }}
                                </td>
                                <td>{{ $addon->passenger_name ?? 'N/A' }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center  extra-bold text-dark fs-5">No Store
                                    Items</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <div id="kt_content_container" class="container-xxl">
            <!--begin::Card-->
            <div class="card" style="background-color: #F3F3F3;">
                <div class="modal-footer d-flex justify-content-between align-items-center"
                    style="border-top: 0; padding-right: 4.5rem;">
                    <div class="title-container">
                        <label class="custom-label-h1">Bookings</label>
                    </div>
                    <div class="d-flex gap-3">
                        <a class="btn btn-info act-btn"
                            href="{{ route('print.order.boarding.passes', ['order' => $order->id]) }}"
                            target="_blank"
                            style="color: white; border-radius: 18px; padding: 8px 16px; text-align: center; display: inline-block; padding-top:10px;">
                            Print All Boarding Passes
                        </a>
                    </div>
                </div>

                <div class="card-body pt-0">
                    <livewire:passengers :orderId="$order->id" :viewOnly="true" />
                </div>
            </div>
            <!--end::Card-->
        </div>
    </div>
    <div id="payment">
        <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
            <div id="kt_content_container" class="container-xxl">
                <!--begin::Card-->
                <div class="card" style="background-color: #F3F3F3;">
                    <div class="modal-footer flex-right" style="border-top: 0; padding-right: 4.5rem;">
                        <div class="title-container" style="flex: 1;">
                            <label class="custom-label-h1  ">Order Payment</label>
                        </div>
                    </div>
                    <div class=" container d-flex justify-content-between border" style="border-top: 0;">
                        <table class="table">
                            <thead>
                                <tr
                                    class="text-start fw-bold custom-label-h3 fw-bolder text-gray-700 text-uppercase gs-0">
                                    <th>Product</th>
                                    <th>Price</th>
                                    <th>QTY</th>
                                    <th>Subtotal</th>
                                    <th>Tax</th>
                                </tr>
                            </thead>
                            <tbody class="fw-bold text-gray-600">
                                @php
                                    $isRefund = $order->is_refund ?? false;
                                    $refundMultiplier = $isRefund ? -1 : 1;
                                    $refundQty = $isRefund ? -1 : 1;
                                    $totalQtySum = 0;
                                @endphp

                                <!-- Display Relevant Bookings -->
                                @foreach ($relevantBookings ?? [] as $booking)
                                    @php
                                        $tourName = $booking->tour?->name ?? 'N/A';
                                        $bookingId = $booking->id ?? 'N/A';
                                        $orderId = $booking->order_id ?? 'N/A';
                                        $bookingDate = $booking->booking_date ?? 'N/A';
                                    @endphp

                                    @foreach ($booking->passengers as $passenger)
                                        @php
                                            $passengerPrice = $passenger->price ?? 0;
                                            $passengerType = ucfirst($passenger->type ?? 'N/A');
                                            $passengerFirstName = $passenger->first_name ?? 'N/A';
                                            $passengerLastName = $passenger->last_name ?? '';
                                            $passengerFullName = trim("$passengerFirstName $passengerLastName");
                                            $passengerId = $passenger->id ?? 'N/A';
                                            $hasTaxes = $passenger->apply_taxes && $passenger->taxes->isNotEmpty();
                                            $passengerTaxes = $passenger->taxes ?? collect();
                                            $passengerQty = ($passengerPrice > 0 && $isRefund) ? 1 : $refundQty;
                                            $totalQtySum += $passengerQty;
                                        @endphp

                                        <tr>
                                            <td class="d-flex flex-column">
                                                <div class="bg-secondary p-3 text-black custom-label-h3 fw-bolder"
                                                    style="border: 1px solid gray; border-radius: 5px">
                                                    {{ $tourName }} - {{ $passengerType }} - {{ $passengerFullName }}
                                                </div>
                                                <div class="border p-2 mt-2 bg-secondary">
                                                    <strong>Order ID:</strong> {{ $orderId }} -
                                                    <strong>Booking ID:</strong> {{ $bookingId }} -
                                                    <strong>Participant ID:</strong> {{ $passengerId }} <br>
                                                    <strong>Participant Name:</strong> {{ $passengerFullName }} <br>
                                                    <strong>Tour Name:</strong> {{ $tourName }} <br>
                                                    <strong>Booking Date:</strong> {{ $bookingDate }} <br>
                                                    <strong>Pricing:</strong> {{ $passengerType }}: 
                                                    @if($passengerPrice < 0)
                                                        -${{ number_format(abs($passengerPrice), 2) }}
                                                    @else
                                                        ${{ number_format($passengerPrice, 2) }}
                                                    @endif
                                                </div>
                                            </td>

                                            <td>
                                                <p class="bg-white p-3 rounded">{{ number_format($passengerPrice, 2) }}</p>
                                            </td>
                                            <td>
                                                <p class="bg-white p-3 rounded">{{ $passengerQty }}</p>
                                            </td>
                                            <td>
                                                <p class="bg-white p-3 rounded">{{ number_format($passengerPrice, 2) }}</p>
                                            </td>
                                            <td>
                                                @if ($hasTaxes)
                                                    @foreach ($passengerTaxes as $tax)
                                                        @php
                                                            $taxDisplay = $tax->percentage ? $tax->percentage . '%' : '$' . number_format($tax->price, 2);
                                                            $taxFormatted = $tax->price < 0 
                                                                ? '-$' . number_format(abs($tax->price), 2) 
                                                                : '$' . number_format($tax->price, 2);
                                                        @endphp
                                                        <p class="bg-white p-3 rounded">
                                                            {{ $tax->name }} ({{ $taxDisplay }}): {{ $taxFormatted }}
                                                        </p>
                                                    @endforeach
                                                @else
                                                    <p class="bg-white p-3 rounded">No Taxes</p>
                                                @endif
                                            </td>
                                        </tr>

                                        {{-- Discounts --}}
                                        @php
                                            $discountItems = $passenger
                                                ->passengerItems()
                                                ->whereIn('type', ['tour_discount', 'discount', 'partner_discount'])
                                                ->get();
                                            $percentageTaxSum = $passengerTaxes->filter(fn($t) => !empty($t->percentage))->sum('price');
                                            $passengerBasePrice = (float) $passenger->price;
                                        @endphp

                                        @if ($discountItems->isNotEmpty())
                                            @foreach ($discountItems as $item)
                                                @php
                                                    $hasPercentage = !empty($item->percentage);
                                                    $taxAdjustmentDisplay = 0;
                                                    if ($passengerBasePrice > 0.00001 && $percentageTaxSum != 0) {
                                                        $discountRatio = min(abs((float) $item->price) / $passengerBasePrice, 1.0);
                                                        $taxAdjustmentDisplay = -1 * round($discountRatio * abs($percentageTaxSum), 2);
                                                    }
                                                    $discountAmount = $item->price ?? 0;                                                 
                                                    $discountName = $item->type === 'partner_discount' 
                                                        ? 'Partner Organization Discount' 
                                                        : ($item->name ?? 'Discount');
                                                    $discountSuffix = $hasPercentage 
                                                        ? " - {$item->percentage}%" 
                                                        : (isset($item->price) && $item->price < 0 ? " - $" . number_format(abs($item->price), 2) : number_format($item->price, 2));
                                                    $discountQty = $isRefund ? 1 : -1;
                                                    $totalQtySum += $discountQty;
                                                @endphp
                                                <tr>
                                                    <td class="d-flex flex-column">
                                                        <div class="bg-white p-3 rounded">
                                                            <strong>{{ $discountName }}{{ $discountSuffix }}</strong>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <p class="bg-white p-3 rounded">{{ number_format($discountAmount, 2) }}</p>
                                                    </td>
                                                    <td>
                                                        <p class="bg-white p-3 rounded">{{ $discountQty }}</p>
                                                    </td>
                                                    <td>
                                                        <p class="bg-white p-3 rounded">{{ number_format($discountAmount, 2) }}</p>
                                                    </td>
                                                    <td>
                                                        <p class="bg-white p-3 rounded">
                                                            @if ($taxAdjustmentDisplay != 0)
                                                                {{ number_format($taxAdjustmentDisplay, 2) }}
                                                            @else
                                                                -
                                                            @endif
                                                        </p>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    @endforeach

                                    @foreach ($booking->lineItems as $lineItem)
                                        @php
                                            $lineItemName = $lineItem->name ?? '';
                                            $lineItemPrice = (float) $lineItem->price;
                                            $lineItemQty = (float) ($lineItem->qty ?? 1);
                                            $lineItemSubtotal = $lineItemPrice * $lineItemQty;
                                            $totalQtySum += $lineItemQty;
                                            
                                            $rawLineItemTaxes = is_array($lineItem->taxes) 
                                                ? $lineItem->taxes 
                                                : json_decode($lineItem->taxes ?? '[]', true);
                                            $lineItemTaxes = collect($rawLineItemTaxes)->filter()->values();
                                        @endphp

                                        <tr>
                                            <td class="d-flex flex-column">
                                                <div class="bg-white p-3 rounded" style="border-radius: 5px">
                                                    <strong>{{ $lineItemName }}</strong>
                                                </div>
                                            </td>
                                            <td>
                                                <p class="bg-white p-3 rounded">{{ number_format($lineItemPrice, 2) }}</p>
                                            </td>
                                            <td>
                                                <p class="bg-white p-3 rounded">{{ $lineItemQty }}</p>
                                            </td>
                                            <td>
                                                <p class="bg-white p-3 rounded">{{ number_format($lineItemSubtotal, 2) }}</p>
                                            </td>
                                            <td>
                                                @if ($lineItemTaxes->isNotEmpty())
                                                    @foreach ($lineItemTaxes as $tax)
                                                        @php
                                                            $isPercentage = ($tax['type'] ?? '') === 'percentage';
                                                            $taxRate = (float) ($tax['value'] ?? 0);
                                                            $calculatedTax = $isPercentage ? ($lineItemSubtotal * $taxRate) / 100 : $taxRate;
                                                            $taxDisplay = $isPercentage 
                                                                ? rtrim(rtrim(number_format($taxRate, 2), '0'), '.') . '%' 
                                                                : '$' . number_format($taxRate, 2);
                                                            $taxFormatted = $calculatedTax < 0 
                                                                ? '-$' . number_format(abs($calculatedTax), 2) 
                                                                : '$' . number_format($calculatedTax, 2);
                                                        @endphp
                                                        <p class="bg-white p-3 rounded">
                                                            {{ $tax['name'] ?? 'Tax' }} ({{ $taxDisplay }}): {{ $taxFormatted }}
                                                        </p>
                                                    @endforeach
                                                @else
                                                    <p class="bg-white p-3 rounded">No Taxes</p>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @endforeach

                                <!-- Display Add-ons -->
                                @forelse ($selectedOrderAddons as $addon)
                                    @php
                                        $taxes = json_decode($addon->taxes, true) ?? [];
                                        $addonDiscounts = $addon->discounts ?? [];
                                        $addonPrice = $addon->price ?? 0;
                                        $addonQty = $addon->qty ?? 1;
                                        $addonSubtotal = $addonPrice * $addonQty;
                                        $addonNameDisplay = $addon->name . ($addon->passenger_name ? ' - ' . $addon->passenger_name : ' ');
                                        $addonPriceDisplay = !empty($addon->percentage) 
                                            ? " - {$addon->percentage}%" 
                                            : ' - $' . number_format($addonPrice, 2);
                                        $addonQtyDisplay = ($addonPrice > 0 && $isRefund) ? $addonQty : ($isRefund ? -$addonQty : $addonQty);
                                        $totalQtySum += $addonQtyDisplay;
                                        
                                        // Pre-calculate tax discount for all percentage-based discounts
                                        $totalTaxOnDiscount = 0;
                                        if (!empty($taxes) && !empty($addonDiscounts)) {
                                            
                                            foreach ($taxes as $tax) {
                                                if (($tax['type'] ?? '') === 'percentage') {
                                                    $totalTaxOnDiscount += ($addonSubtotal * ($tax['value'] ?? 0) / 100);
                                                } else {
                                                    $totalTaxOnDiscount += $tax['value'] ?? 0;
                                                }
                                            }
                                            
                                        }
                                    @endphp

                                    <tr>
                                        <td class="d-flex flex-column">
                                            <div class="bg-white custom-label-h3 fw-bolder text-black p-3 rounded">
                                                {{ $addonNameDisplay }}{{ $addonPriceDisplay }}
                                            </div>
                                        </td>
                                        <td>
                                            <div class="bg-white p-3 rounded">{{ number_format($addonPrice, 2) }}</div>
                                        </td>
                                        <td>
                                            <p class="bg-white p-3 rounded">{{ $addonQtyDisplay }}</p>
                                        </td>
                                        <td>
                                            <p class="bg-white p-3 rounded">{{ number_format($addonSubtotal, 2) }}</p>
                                        </td>
                                        <td>
                                            @if (!empty($taxes))
                                                @foreach ($taxes as $tax)
                                                    @php
                                                        $isPercentage = ($tax['type'] ?? '') === 'percentage';
                                                        $calculated = $isPercentage 
                                                            ? ($addonPrice * ($tax['value'] ?? 0) * $addonQty) / 100 
                                                            : ($tax['value'] * $addonQty ?? 0);
                                                        $taxDisplay = $isPercentage 
                                                            ? ($tax['value'] ?? 0) . '%' 
                                                            : '$' . ($tax['value'] ?? 0);
                                                        $calculatedFormatted = $calculated < 0 
                                                            ? '-$' . number_format(abs($calculated), 2) 
                                                            : '$' . number_format($calculated, 2);
                                                            
                                                    @endphp
                                                    <p class="bg-white p-3 rounded">
                                                        {{ $tax['name'] ?? 'Tax' }} ({{ $taxDisplay }}): {{ $calculatedFormatted }}
                                                    </p>
                                                @endforeach
                                            @else
                                                <p class="bg-white p-3 rounded">No Taxes</p>
                                            @endif
                                        </td>
                                    </tr>

                                    @if (!empty($addonDiscounts))
                                        @foreach ($addonDiscounts as $discount)
                                            @php
                                                $discountIsPercentage = ($discount['type'] ?? '') === 'percentage';
                                                $discountCalculated = $discountIsPercentage
                                                    ? -1 * ($addonPrice * ($discount['value'] ?? 0) * $addonQty) / 100
                                                    : ($discount['value'] ?? 0);
                                                $discountDisplay = $discountIsPercentage 
                                                    ? number_format($discount['value'] ?? 0, 2) . '%' 
                                                    : '$' . number_format($discount['value'] ?? 0, 2);
                                                $totalQtySum += $refundQty;
                                            @endphp

                                            <tr>
                                                <td class="d-flex flex-column">
                                                    <div class="bg-white p-3 rounded">
                                                        <strong>{{ $discount['name'] ?? 'Discount' }} - {{ $discountDisplay }}</strong>
                                                    </div>
                                                </td>
                                                <td>
                                                    <p class="bg-white p-3 rounded">{{ number_format($discountCalculated, 2) }}</p>
                                                </td>
                                                <td>
                                                    <p class="bg-white p-3 rounded">{{ $refundQty }}</p>
                                                </td>
                                                <td>
                                                    <p class="bg-white p-3 rounded">{{ number_format($discountCalculated, 2) }}</p>
                                                </td>
                                                <td>
                                                    <p class="bg-white p-3 rounded">
                                                        {{ $discountIsPercentage ? number_format((-1 * $totalTaxOnDiscount * $discount['value']) / 100, 2) : '-' }}
                                                    </p>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                @empty
                                    <tr>
                                        <td colspan="5"></td>
                                    </tr>
                                @endforelse

                                <!-- Row to Display Grand Totals -->
                                @php
                                    $totalPrice = ($order->total_price ?? 0) + ($order->discount ?? 0);
                                    $totalTaxes = $order->taxes ?? 0;
                                @endphp

                                <tr style="font-weight: bold;">
                                    <td>
                                        <div class="bg-white p-3 rounded custom-label-h2">Total</div>
                                    </td>
                                    <td>
                                        <div class="bg-white p-3 rounded">{{ number_format($totalPrice, 2) }}</div>
                                    </td>
                                    <td>
                                        <div class="bg-white p-3 rounded">{{ $totalQtySum }}</div>
                                    </td>
                                    <td>
                                        <div class="bg-white p-3 rounded">{{ number_format($totalPrice, 2) }}</div>
                                    </td>
                                    <td>
                                        <div class="bg-white p-3 rounded">{{ number_format($totalTaxes, 2) }}</div>
                                    </td>
                                </tr>
                            </tbody>

                        </table>
                    </div>

                    <div id="process-payment" class="container mb-5" style="margin-bottom: 50px !important;">
                        <div class="row">
                            <!-- Payment History Section -->
                            <div class="col-md-6">
                                <div class="card mb-6">
                                    <div>
                                        <div class="card-header pt-5">
                                            <label class="custom-label-h2 ">Order Payment</label>
                                        </div>
                                    </div>
                                    <div class="card-body pt-0">
                                        <div class="row mt-4">
                                            @foreach ($paymentmethods as $paymentmethod)
                                            <div class="col-md-6" style="margin: 5px 0;">
                                                <div class="form-check" style="padding: 0;">
                                                    <label class="form-check-label mt-4"
                                                        for="paymentmethod_{{ $paymentmethod->id }}">
                                                        {{ $paymentmethod->name }} Payment
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-6" style="margin: 5px 0;">
                                                <div class="form-check">
                                                    <span class="form-control form-control-solid border-0 bg-light fw-bold">
                                                        {{ number_format($paymentmethodAmounts['paymentmethod_' . $paymentmethod->id] ?? 0, 2) }}
                                                    </span>
                                                </div>
                                            </div>
                                            @endforeach
                                            <div class="col-md-6" style="margin: 5px 0;">
                                                <div class="form-check" style="padding: 0;">
                                                    <label class="form-check-label pt-4" for="ownbalance">
                                                        Balance Owing
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-6" style="margin: 5px 0;">
                                                <div class="form-check">
                                                    <input type="text"
                                                        class="form-control form-control-solid fw-bold border-0"
                                                        value="{{ number_format($order->total_price + $order->discount + $order->taxes - ($ownbalance ?? 0), 2) }}"
                                                        readonly>
                                                </div>
                                            </div>
                                        </div>
                                        @if (session()->has('balanceupdate'))
                                        <div class="alert alert-success mt-3">
                                            {{ session('balanceupdate') }}
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            
                            </div>

                            <!-- Payment Summary Section -->
                            <div class="col-md-6">
                                <div class="card">
                                    <div
                                        class="card-header d-flex flex-row align-items-center justify-content-between text-center">
                                        <label class="custom-label-h2 ">Payment Summary</label>
                                        <button class="btn btn-primary btn-sm ms-10" onclick="printReceipt()">Print
                                            Receipt</button>
                                    </div>
                                    <div class="card-body">
                                        <form>

                                            <div class="mb-2">
                                                <label class="form-label">Subtotal</label>
                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format($order->total_price ?? 0, 2) }}"
                                                    readonly>

                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label">Taxes</label>
                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format($order->taxes ?? 0, 2) }}" readonly>
                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label">Discounts</label>

                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format($order->discount ?? 0, 2) }}" readonly>
                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label fw-bold">Total</label>
                                                <input type="text"
                                                    class="form-control form-control-solid fw-bold border-0 fw-bolder"
                                                    value="{{ number_format(($order->total_price ?? 0) + ($order->taxes ?? 0) + ($order->discount ?? 0), 2) }}"
                                                    readonly>
                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label">Commission</label>
                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format((($order->total_price + $order->discount) * ($order->commission_percentage ?? 0)) / 100, 2) }}"
                                                    readonly>
                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label">Paid</label>
                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format($order->paid ?? 0, 2) }}"
                                                    readonly>
                                            </div>
                                            <div class="mb-2">
                                                <label class="form-label fw-bold">Balance</label>
                                                <input type="text"
                                                    class="form-control form-control-solid border-0 fw-bolder"
                                                    value="{{ number_format($order->total_price + $order->discount + $order->taxes - ($order->paid ?? 0), 2) }}"
                                                    readonly>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                        </div>
                            <div class="card mt-4">
                                    <div class="card-header pt-5">
                                        <h5>Payment History</h5>
                                    </div>
                                    <div class="card-body">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>Method</th>
                                                    <th>Amount</th>
                                                    <th>Status</th>
                                                    <th>User</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($order->getPaymentHistory() as $payment)
                                                <tr @class(['text-muted' => $payment['is_removed']])>
                                                    <td>{{ $payment['created_at'] ? \Carbon\Carbon::parse($payment['created_at'])->format('Y-m-d H:i') : '--' }}</td>
                                                    <td>{{ $payment['method_name'] }}</td>
                                                    <td>
                                                        @if ($payment['is_removed'])
                                                            <span class="text-decoration-line-through">${{ number_format($payment['amount'], 2) }}</span>
                                                        @elseif ($payment['action'] === 'updated' && $payment['previous_amount'] !== null)
                                                            ${{ number_format($payment['previous_amount'], 2) }} → ${{ number_format($payment['amount'], 2) }}
                                                        @else
                                                            ${{ number_format($payment['amount'], 2) }}
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if ($payment['is_removed'])
                                                            <span class="badge bg-danger">Removed</span>
                                                        @elseif ($payment['action'] === 'updated')
                                                            <span class="badge bg-warning text-dark">Updated</span>
                                                        @elseif ($payment['source'] === 'legacy')
                                                            <span class="badge bg-secondary">Legacy</span>
                                                        @else
                                                            <span class="badge bg-success">Recorded</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $payment['user_name'] ?? '--' }}</td>
                                                </tr>
                                                @empty
                                                <tr>
                                                    <td colspan="5" class="text-center">No payment history.</td>
                                                </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                    </div>

                </div>
                <!--end::Card-->
            </div>
        </div>
    </div>
</div>

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div id="kt_content_container" class="container-xxl">
        <div class="card" style="background-color: #F3F3F3;">
            <div class="card-body pt-3">
                <!-- Uploaded Files Section -->
                <div class="uploaded-files mt-4">
                    @php
                        $uploadedFiles = $order->orderFiles ?? collect();
                    @endphp
                    @if ($uploadedFiles->isNotEmpty())
                    <div class="title-container" style="flex: 1;">
                        <h3>Uploaded Files</h3>
                    </div>

                    <ul class="list-group">
                        @foreach ($uploadedFiles as $file)
                        @if ($file)
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <img src="{{ $file->file_path }}" alt=""
                                style="height: 100px;">
                            {{ basename($file->name) }}
                            <div>
                                <a class="btn btn-primary btn-sm" href="{{ $file->file_path }}" target="_blank">
                                    <i class="fa fa-download"></i> Download
                                </a>
                            </div>
                        </li>
                        @endif
                        @endforeach
                    </ul>
                    @else
                    <p class="text-muted">No files uploaded yet.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<template id="printTemplate">
    <div class="container border rounded p-3 my-4" style="font-family: Arial, sans-serif; font-size: 13px;">

        <!-- Header -->
        <div>
            <img alt="Logo" src="/assets/media/logos/logo-main.png" style="height:45px; width:120px;" />

            <h6 class="mt-3" style="font-weight: bold;">INVOICE</h6>
        </div>
        <div class="d-flex justify-content-between align-items-start mb-4">
            <div>
                <p style="margin:0;">{{ $order->orderable->first_name ?? 'Cash Customer' }}</p>
                <p style="margin:0;">{{ $order->orderable->residential_address ?? 'N/A' }}</p>
                <p style="margin:0;">{{ $order->orderable->phone ?? 'N/A' }}</p>
            </div>
            <div>
                <div class="d-flex mb-2">
                    <strong style="width: 100px;">Order #:</strong>
                    <div style="border:1px solid #ccc; padding:2px 6px; width:120px;">
                        {{ $order->id }}
                    </div>
                </div>
                <div class="d-flex">
                    <strong style="width: 100px;">Order Date:</strong>
                    <div style="border:1px solid #ccc; padding:2px 6px; width:120px;">
                        {{ $order->order_date?->format('Y-m-d') }}
                    </div>
                </div>
            </div>
        </div>

        <table class="table table-bordered" style="width: 100%; border-collapse: collapse; font-size: 13px;">
            <thead>
                <tr>
                    <th>Order #</th>
                    <th>Booking Date</th>
                    <th>Tour / Product</th>
                    <th>Type</th>
                    <th>Rate</th>
                    <th>Qty</th>
                    <th>Subtotal</th>
                    <th>Discount</th>
                    <th>Taxes</th>
                    <th>Total</th>
                </tr>
            </thead>
            <tbody>
                @php
                $firstOrderRow = true;
                $orderSubtotal = 0;
                $orderDiscount = 0;
                $orderTaxes = 0;
                @endphp

                @foreach ($order->bookings as $booking)
                @php
                $types = $booking->passengers->groupBy('type');
                $firstBookingRow = true;
                @endphp

                {{-- Passenger Types --}}
                @foreach ($types as $type => $group)
                @php
                $passengerSubtotal = $group->sum('price');
                $passengerDiscount = $group->sum(fn($p) => $p->passengerItems->sum('price') ?? 0);
                $passengerTaxes = $group->sum(fn($p) => $p->taxes->sum('price') ?? 0);
                $passengerTotal = $passengerSubtotal - $passengerDiscount + $passengerTaxes;

                $orderSubtotal += $passengerSubtotal;
                $orderDiscount += $passengerDiscount;
                $orderTaxes += $passengerTaxes;
                @endphp
                <tr>
                    <td>{{ $firstOrderRow ? $order->id : '' }}</td>
                    {{-- Only show date and tour name for the first row of booking --}}
                    <td>{{ $firstBookingRow ? \Carbon\Carbon::parse($booking->booking_date)->format('Y-m-d') : '' }}</td>
                    <td>{{ $firstBookingRow ? ($booking->tour?->name ?? 'N/A') : '' }}</td>
                    @php $firstBookingRow = false; $firstOrderRow = false; @endphp
                    <td>{{ ucfirst($type) }}</td>
                    <td>${{ number_format($group->first()->price, 2) }}</td>
                    <td>{{ $group->count() }}</td>
                    <td>${{ number_format($passengerSubtotal, 2) }}</td>
                    <td>${{ number_format($passengerDiscount, 2) }}</td>
                    <td>${{ number_format($passengerTaxes, 2) }}</td>
                    <td>${{ number_format($passengerTotal, 2) }}</td>
                </tr>
                @endforeach

                {{-- Lineitems --}}
                @foreach ($booking->lineitems as $li)
                @php
                $qty = $li->qty ?? 1;
                $subtotal = $li->price * $qty;
                $discount = collect($li->discounts ?? [])->sum(fn($d) => $d['type'] === 'percentage' ? ($subtotal * $d['value']/100) : $d['value']);
                $taxes = collect(json_decode($li->taxes ?? '[]', true))->sum(fn($t) => $t['type'] === 'percentage' ? ($subtotal * $t['value']/100) : $t['value']);
                $total = $subtotal - $discount + $taxes;

                $orderSubtotal += $subtotal;
                $orderDiscount += $discount;
                $orderTaxes += $taxes;
                @endphp
                <tr>
                    <td></td>
                    <td></td> {{-- leave booking date empty --}}
                    <td></td> {{-- leave tour name empty --}}
                    <td>{{ $li->name ?? 'lineitem' }}</td>
                    <td>${{ number_format($li->price, 2) }}</td>
                    <td>{{ $qty }}</td>
                    <td>${{ number_format($subtotal, 2) }}</td>
                    <td>${{ number_format($discount, 2) }}</td>
                    <td>${{ number_format($taxes, 2) }}</td>
                    <td>${{ number_format($total, 2) }}</td>
                </tr>
                @endforeach
                @endforeach
                @foreach ($selectedOrderAddons as $item)
                @php
                $qty = $item->qty ?? 1;
                $subtotal = $item->price * $qty;
                $discount = collect($item->discounts ?? [])->sum(fn($d) => $d['type'] === 'percentage' ? ($subtotal * $d['value']/100) : $d['value']);
                $taxes = collect(json_decode($item->taxes ?? '[]', true))->sum(fn($t) => $t['type'] === 'percentage' ? ($subtotal * $t['value']/100) : $t['value']);
                $total = $subtotal - $discount + $taxes;

                $orderSubtotal += $subtotal;
                $orderDiscount += $discount;
                $orderTaxes += $taxes;
                @endphp
                <tr>
                    <td></td>
                    <td>{{ \Carbon\Carbon::parse($order->created_at)->format('Y-m-d') }}</td>
                    <td>{{ $item->name }}</td>
                    <td>Addon</td>
                    <td>${{ number_format($item->price, 2) }}</td>
                    <td>{{ $qty }}</td>
                    <td>${{ number_format($subtotal, 2) }}</td>
                    <td>${{ number_format($discount, 2) }}</td>
                    <td>${{ number_format($taxes, 2) }}</td>
                    <td>${{ number_format($total, 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Totals Summary -->
        <div class="d-flex justify-content-end mt-3">
            <table style="width: 300px; border-collapse: collapse; font-size: 13px;">
                <tr>
                    <td style="text-align:right; padding:5px;">Subtotal</td>
                    <td style="border:1px solid #ccc; padding:5px;">{{ number_format($order->total_price, 2) }}</td>
                </tr>
                <tr>
                    <td style="text-align:right; padding:5px;">Discount</td>
                    <td style="border:1px solid #ccc; padding:5px;">
                        {{ number_format($order->discount ?? 0, 2) }}
                    </td>
                </tr>
                <tr>
                    <td style="text-align:right; padding:5px;">Tax</td>
                    <td style="border:1px solid #ccc; padding:5px;">{{ number_format($order->taxes, 2) }}</td>
                </tr>
                <tr>
                    <td style="text-align:right; padding:5px;"><strong>Total</strong></td>
                    <td style="border:1px solid #ccc; padding:5px;">
                        <strong>${{ number_format(($order->total_price ?? 0) + ($order->taxes ?? 0) + ($order->discount ?? 0), 2) }}</strong>
                    </td>
                </tr>
                <tr>
                    <td style="text-align:right; padding:5px;"><strong>Balance Due</strong></td>
                    <td style="border:1px solid #ccc; padding:5px;">
                        <strong>${{ number_format($order->total_price + $order->discount + $order->taxes - ($order->paid ?? 0), 2) }}</strong>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</template>

@push('styles')
    <link rel="stylesheet" href="/assets/css/custom/orders.css" type="text/css" />
@endpush
@push('scripts')
    <script src="/assets/js/custom/apps/customers/list/list.js"></script>
    <script>
        function printReceipt() {
            const template = document.getElementById('printTemplate');
            const printContents = template.innerHTML;

            const printWindow = window.open('', '_blank');

            const htmlContent = `
                    <html>
                        <head>
                            <title>Receipt</title>
                            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
                            <style>
                                body { padding: 20px; font-family: Arial, sans-serif; }
                                table { width: 100%; border-collapse: collapse; }
                                th, td { padding: 8px; text-align: left; }
                            </style>
                        </head>
                        <body>
                            ${printContents}
                        </body>
                    </html>
                `;

            printWindow.document.open();
            printWindow.document.write(htmlContent);
            printWindow.document.close();

            printWindow.onload = function() {
                printWindow.focus();
                printWindow.print();
                printWindow.close();
            };
        }
    </script>
@endpush
</div>