@section('title', $isEditMode ? 'Edit Order' : 'Add Order')
@section('heading', $isEditMode ? 'Edit Order' : 'Add Order')
@section('top-menu-items')
<x-partials.top-menu-item name="Orders" route="orders" active="true" />
<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 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;">
                <form wire:submit.prevent="update">
                    <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="partnerSearchInput" class="custom-label-h2 mb-3">Partner Organization</label>
                                <div class="position-relative">
                                    <div class="d-flex align-items-center">
                                        <input type="text" 
                                            id="partnerSearchInput" 
                                            class="form-control form-control-custom border-0"
                                            placeholder="Search Partner Organization..." 
                                            autocomplete="off"
                                            value="{{ $selectedPartnerId ? $partners->firstWhere('id', $selectedPartnerId)?->organization_name : '' }}">
                                        <button type="button" class="btn btn-sm bg-white ms-2 {{ $selectedPartnerId ? '' : 'd-none' }}" id="clearPartnerBtn" title="Clear Partner">
                                            <i class="fa fa-times"></i>
                                        </button>
                                    </div>
                                    <ul id="partnerResultsList" class="list-group position-absolute w-100 shadow-sm" style="z-index: 1000; max-height: 200px; overflow-y: auto; display: none;">
                                        @foreach($partners as $partnerItem)
                                        <li class="list-group-item list-group-item-action partner-result-item" 
                                            style="cursor: pointer;"
                                            data-id="{{ $partnerItem->id }}"
                                            data-name="{{ strtolower($partnerItem->organization_name) }}">
                                            {{ $partnerItem->organization_name }}
                                            @if($partnerItem->is_favourite)
                                            <i class="fa fa-star text-warning ms-2"></i>
                                            @endif
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>                          
                            </div>

                            <!-- Customer Search -->
                            <div class="form-group mb-4">
                                <label for="customerSearchInput" class="custom-label-h2">Customer</label>
                                     <br> <small class="text-muted" id="partnerHelpText">
                                    @if($selectedPartnerId)
                                    Partner selected. Customers will be filtered.
                                    @else
                                    No partner selected. Showing customers without partner.
                                    @endif
                                </small>
                                <div class="position-relative">
                                    <div class="d-flex align-items-center">
                                        <input type="text" 
                                            id="customerSearchInput" 
                                            class="form-control form-control-custom border-0"
                                            placeholder="Search Customer..." 
                                            autocomplete="off"
                                            value="{{ $orderable_id ? ($customers->firstWhere('id', $orderable_id)?->first_name . ' ' . $customers->firstWhere('id', $orderable_id)?->last_name) : '' }}">
                                        <button type="button" class="btn btn-sm bg-white ms-2 {{ $orderable_id ? '' : 'd-none' }}" id="clearCustomerBtn" title="Clear Customer">
                                            <i class="fa fa-times"></i>
                                        </button>
                                    </div>
                                    <ul id="customerResultsList" class="list-group position-absolute w-100 shadow-sm" style="z-index: 1000; max-height: 200px; overflow-y: auto; display: none;">
                                        @foreach($customers as $customerItem)
                                        <li class="list-group-item list-group-item-action customer-result-item" 
                                            style="cursor: pointer;"
                                            data-id="{{ $customerItem->id }}"
                                            data-name="{{ strtolower($customerItem->first_name . ' ' . $customerItem->last_name) }}"
                                            data-email="{{ strtolower($customerItem->email) }}">
                                            {{ $customerItem->first_name }} {{ $customerItem->last_name }}
                                            <span class="text-muted">({{ $customerItem->email }})</span>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                                @error('orderable_id')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            {{-- @if ($order->orderable->partner)
                            <div class="form-group mb-4">
                                <label for="customer" class="custom-label-h2 mb-3">Partner Organization
                                    Name</label>
                                <div class="bg-white p-3 rounded fw-bold text-gray-600">
                                    {{ $order->orderable->partner->organization_name ?? 'N/A' }}
                        </div>
                    </div>
                    @endif --}}
                    <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>
                    <!-- Residential Address -->
                    {{-- <div class="form-group mb-4">
                                <label for="residential_address" class="custom-label mb-3">Before Stay
                                    Address</label>
                                <input type="text" id="residential_address"
                                    class="form-control border-0 form-control-custom @error('residential_address') is-invalid @enderror"
                                    placeholder="Enter before stay address" wire:model.defer="before_stay_address">
                                @error('before_stay_address')
                                    <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
            </div> --}}

            {{-- <div class="form-group mb-4">
                                <label for="before_stay_address" class="custom-label mb-3">After Stay
                                    Address</label>
                                <input type="text" id="before_stay_address"
                                    class="form-control border-0 form-control-custom @error('before_stay_address') is-invalid @enderror"
                                    placeholder="Enter after stay address" wire:model.defer="after_stay_address">
                                @error('after_stay_address')
                                    <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        </div> --}}
        <input type="hidden" wire:model.defer="orderable_type border-0"
            value="App\Models\Customer">

        @php
        $hasBookings = $order->bookings()->exists();
        $currentDate = now()->toDateString();

        if ($hasBookings) {
        $hasBookingToday = $order
        ->bookings()
        ->whereDate('booking_date', '>=', $currentDate)
        ->exists();
        } else {
        $hasBookingToday = $order->order_date->format('Y-m-d') >= $currentDate;
        }
        @endphp

        {{-- @if (!in_array($order->status, ['No Show', 'Weathered', 'Completed']) || $hasBookingToday)                                         --}}
        {{-- @if (!in_array($order->status, ['No Show', 'Weathered']) || $hasBookingToday) --}}


    </div>

    <div class="w-50">
        <div class="form-group mb-4">
            <label for="message" class="custom-label mb-3">Order Date</label>
            <input type="datetime-local" class="form-control form-control-custom border-0"
                wire:model.defer="order_date" />
            @error('order_date')
            <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
        <div class="form-group mb-4">
            @php
            $currentDate = now()->toDateString();
            $hasBookings = $order->bookings()->exists();

            if ($hasBookings) {
                $hasFutureOrTodayBooking = $order->bookings()
                    ->whereDate('booking_date', '>=', $currentDate)
                    ->exists();
            } else {
                $hasFutureOrTodayBooking = $order->order_date->format('Y-m-d') >= $currentDate;
            }
        @endphp
            <label for="message" class="custom-label mb-3">Status</label>
            <select class="form-control form-control-custom border-0" wire:model.defer="status">
                <option value="">Select Status</option>
                <option value="No Show">No Show</option>
                <option value="Weathered">Weathered</option>
                @if(auth()->user()->hasRole('Owner') || auth()->user()->hasRole('Administrator') || auth()->user()->hasPermissionTo('order_override') &&  $hasFutureOrTodayBooking)
                <option value="Pending">Pending</option>
                @endif
            </select>
            @error('status')
            <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>
            

                          <div class="form-group mb-4">
                                <label for="tour" class="custom-label mb-3">Partner Reference No</label>
                                <input type="text" id="partner_ref_id"
                                    class="form-control form-control-custom border-0 @error('partner_ref_id') is-invalid @enderror"
                                    placeholder="Enter Partner Reference No" wire:model.defer="partner_ref_id">
                                @error('partner_ref_id')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                @enderror
                            </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>
    <select class="form-control form-control-custom border-0"
        wire:model.defer="referral_source">
        <option value="">Referral Source</option>
        <option value="Search Engine"
            {{ $order->orderable?->referral_source ? 'selected' : '' }}>Search Engine
        </option>
        <option value="Google Advertisement"
            {{ $order->orderable?->referral_source ? 'selected' : '' }}>Google
            Advertisement</option>
        <option value="Social Media"
            {{ $order->orderable?->referral_source ? 'selected' : '' }}>Social Media
        </option>
        <option value="Publication or Blog"
            {{ $order->orderable?->referral_source ? 'selected' : '' }}>Publication or Blog
        </option>
        <option value="Recommendation from friend"
            {{ $order->orderable?->referral_source ? 'selected' : '' }}>Recommendation from
            friend</option>
        <option value="Other" {{ $order->orderable?->referral_source ? 'selected' : '' }}>
            Other</option>
    </select>
</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 class="modal-footer flex-right" style="border-top: 0; padding-right: 4.5rem;">
    <button type="button" id="kt_modal_add_customer_cancel_btn" class="btn btn-cancel me-3"
        href="{{ route('orders') }}">
        Cancel
    </button>

    <button type="submit" id="kt_modal_add_customer_submit" class="btn add-btn">
        <span class="indicator-label">Save</span>
        <span class="indicator-progress">Please wait...
            <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
    </button>
</div>
</form>
</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>

    {{-- @forelse($partnerCustomers as $customer)
                        <div class="p-4">
                            <div class="rounded p-2 bg-white p-4">
                                <strong class="fs-5">FIT Name : </strong> {{ $customer->first_name ?? 'N/A' }}
    <br>
    <strong class="fs-5">Email Address : </strong> {{ $customer->email ?? 'N/A' }}
    <br>
    <strong class="fs-5">Residential Address : </strong>
    {{ $customer->residential_address ?? 'N/A' }} <br>
</div>
</div>
@empty
<div class="p-4">
    <strong>No partner customers found.</strong>
</div>
@endforelse --}}
</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">
                <textarea wire:model.live.debounce.1000ms="notes" name="" id="" rows="5"
                    class="form-control border-0" placeholder="Jot anything here..."> {{ $order->notes ?? '' }}</textarea>
            </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 class="d-flex gap-3">
                @if (request()->segment(4) != 'payment')
                <a href="#" class="btn btn-primary act-btn" data-bs-toggle="modal"
                    data-bs-target="#kt_modal_line_items_bulk_discount"
                    wire:click="$dispatch('showLineItemsBulkDiscount', {orderId: {{ $order->id ?? 0 }} })"
                    @if (!$order_id) disabled @endif
                    style="color: white; border-radius: 18px; padding: 8px 16px; display: inline-flex; align-items: center;">
                    Bulk Discount
                </a>
                <button type="button" class="btn add-btn" data-bs-toggle="modal"
                    data-bs-target="#kt_modal_add_customer1" @if (!$order_id) disabled @endif
                    title="@if (!$order_id) Please create the order first. @endif">
                    <span class="indicator-label">Add Store Items</span>
                    <span class="indicator-progress">Please wait...
                        <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                    </span>
                </button>
                @endif
                </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="w-10px pe-2">
                                <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                    <input class="form-check-input border-0" type="checkbox" data-kt-check="true"
                                        data-kt-check-target="#kt_customers_table .form-check-input"
                                        value="1" />
                                </div>
                            </th>
                            <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>
                            <th class="text-end min-w-70px">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="fw-bold custom-label-h3 fw-bolder">
                        @forelse ($selectedOrderAddons ?? [] as $addon)
                        <tr class="{{ $addon->refunded_at ? 'highlighted' : '' }} ">
                            <td>
                                <div class="form-check form-check-sm form-check-custom form-check-solid">
                                    <input class="form-check-input border-0" type="checkbox"
                                        value="1" />
                                </div>
                            </td>
                            <td>{{ $addon->name ?? 'N/A' }}</td>
                            <td>{{ $addon->type ?? 'N/A' }}</td>
                            @php
                            // TODO:
                            @endphp
                            <td>
                                {{ $addon->price ?? 'N/A' }}
                            </td>
                            </td>                            
                                <td>
                                    <input type="number" min="1"
                                        wire:change="updateLineItemQty($event.target.value, {{ $addon->id }})"
                                        class="form-control form-control-sm" style="width:80px;"
                                        wire:key="addon-{{ $addon->id }}"
                                        value="{{ $lineItemsQty[$addon->id] ?? 1 }}" />
                                </td>                                                              
                            <td>{{ $addon->passenger_name ?? 'N/A' }}</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-sm btn-light custom-action"
                                    data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">Actions
                                    <span class="svg-icon svg-icon-5 m-0">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path
                                                d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z"
                                                fill="black" />
                                        </svg>
                                    </span>
                                </a>
                                <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-125px py-4"
                                    data-kt-menu="true">
                                    <div class="menu-item px-3">
                                        @if ($addon->passenger_name)
                                        <!-- If Name exists, show Edit Button -->
                                        <a href="#" class="menu-link edit act-btn px-3"