@extends('admin.layouts.dashboard')
@section('style')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.css">
@endsection
@section('content')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<style>
.badge-status {
    display: inline-block;
    padding: .35em .65em;
    font-size: .95em !important;
    font-weight: 700;
    line-height: 2 !important;
}
.flatpickr-day {
    color: #393939 !important;
}
.nextMonthDay {
    color: #393939 !important;
}
.flatpickr-disabled {
    color: #cfcbcb !important;
}
#payment-status-container select,
#payment-status-container button,
#payment-status-container span {
    margin-bottom: 0;
    /* Ensure consistent vertical alignment */
}
</style>
<div class="container-fluid" id="print-section">
    <div class="row">
        <div class="col-12 mt-3 mb-4">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h3 class=" main-heading">Order Details</h3>
                <button class="btn btn-secondary" id="print-button">
                    <i class="fas fa-print"></i> Print Details
                </button>
            </div>
            <div class="card border-0 shadow recent-sales">
                <div class="card-body">
                    @if(session()->has('error'))
                    <div class="alert alert-danger">
                        {{ session()->get('error') }}
                    </div>
                    @endif
                    @if(session()->has('success'))
                    <div class="alert alert-success">
                        {{ session()->get('success') }}
                    </div>
                    @endif
                    <table class="table datatable dataTable-table table-responsive" style="font-size: inherit;">
                        <tr>
                            <td><strong>Order Id</strong></td>
                            <td>{{ $order->order_no }}</td>
                            <td><strong>Transaction Id</strong></td>
                            <td>{{ $order->transaction }}</td>
                        </tr>
                        <tr>
                            <td><strong>Customer Name</strong></td>
                            <td>{{ $order->shipping ? $order->shipping->firstname : '-' }}</td>
                            <td><strong>Email</strong></td>
                            <td>{{ $order->shipping ? $order->shipping->email : '-' }}</td>
                        </tr>
                        <tr>
                            <td><strong>Phone No.</strong></td>
                            <td>{{ $order->shipping ? $order->shipping->phone : '-' }}</td>
                            <td><strong>Shipping Address</strong></td>
                            <td>
                                @if(!empty($order->shipping))
                                {{ $order->shipping->address ?? '' }},
                                {{ $order->shipping->city ?? '' }},
                                {{ $order->shipping->state ?? '' }},
                                {{ $order->shipping->country ?? '' }},
                                {{ $order->shipping->pincode ?? '' }}
                                @else
                                N/A
                                @endif
                            </td>
                        <tr>
                            <td><strong>Order Date</strong></td>
                            <td>{{ !empty($order->created_at) ? \Carbon\Carbon::parse($order->created_at)->format('d-m-Y') : '-' }}
                            </td>
                            {{-- <td><strong>Payment Status</strong></td>
                            <td>{{ !empty($order->status) ? $order->status : '-' }}</td> --}}
                            <td><strong>Billing Address</strong></td>
                            <td>
                                @if(!empty($order->billing))
                                {{ $order->billing->address }},
                                {{ $order->billing->city }},
                                {{ $order->billing->state }},
                                {{ $order->billing->country }},
                                {{ $order->billing->pincode }}
                                @else
                                N/A
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td><strong>Payment Mode</strong></td>
                            <td>{{ !empty($order->payment_type) ? $order->payment_type : '-' }}</td>
                            <td><strong>Payment Status</strong></td>
                            <td>
                                @if($order->is_paid && $order->payment_by == null)
                                <span class="btn btn-success btn-sm mr-2">
                                    Paid
                                </span>
                                @elseif($order->is_paid && $order->payment_by == '0')
                                <span class="btn btn-success btn-sm mr-2">
                                    Paid By Cash
                                </span>
                                @elseif($order->is_paid && $order->payment_by == '1')
                                <span class="btn btn-success btn-sm mr-2">
                                    Paid By Admin
                                </span>
                                @elseif($order->is_paid && $order->payment_by == '2')
                                <span class="btn btn-success btn-sm mr-2">
                                    Paid By Customer
                                </span>
                                {{-- <span class="badge badge-success badge-status">{{ $order->payment_type }}</span>
                                --}}
                                @else
                                <div class="d-flex align-items-center gap-2" id="payment-status-container">
                                    <!-- Payment Status -->
                                    @if($order->status === \App\Models\Order::ORDER_PENDING)
                                    <span class="btn btn-secondary btn-sm">
                                        Pending
                                    </span>
                                    @elseif($order->status === \App\Models\Order::ORDER_CANCELLED)
                                    <span class="btn btn-warning btn-sm">
                                        Cancelled
                                    </span>
                                    @elseif($order->status === \App\Models\Order::ORDER_FAILED)
                                    <span class="btn btn-danger btn-sm">
                                        Failed
                                    </span>
                                    @endif
                                    <!-- Dropdown -->
                                    <select class="form-select form-select-sm w-auto" id="payment-method-dropdown"
                                        onchange="handlePaymentSelection()">
                                        <option value="" selected disabled>Select Payment Method</option>
                                        <option value="cash">Paid by Cash</option>
                                        <option value="admin">Paid by Admin</option>
                                        <option value="customer">Paid by Customer</option>
                                    </select>
                                    <!-- Hidden Buttons -->
                                    <div class="d-flex gap-2 align-items-center d-none" id="payment-link-container">
                                        <!-- Pay Now Button -->
                                        <a href="{{ route('orders.pay-now', $order->id) }}"
                                            class="btn btn-primary btn-sm" id="pay-now-btn">Pay Now</a>

                                        <a href="{{ route('orders.cash-now', $order->id) }}"
                                            class="btn btn-primary btn-sm" id="cash-now-btn">Payment Update</a>

                                        <!-- Send Email to Customer Form -->
                                        <form method="POST" action="{{ route('orders.mail-repay', $order->id) }}"
                                            class="d-inline-block mb-0" id="send-customer-link-form">
                                            @csrf
                                            <button type="submit" class="btn btn-primary btn-sm">Send Email to
                                                Customer</button>
                                        </form>
                                        <!-- Share Payment Link Button -->
                                        <button type="button"
                                            class="btn btn-primary btn-sm payment-link-share-btn d-none"
                                            data-payment-link="{{ route('orders.pay', $order->id) }}">Share Payment
                                            Link</button>
                                    </div>
                                </div>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td><strong>Order Status</strong></td>
                            <td>
                                @if($order->order_status == '0')
                                <span class="badge badge-secondary mt-2 badge-status">Pending</span>
                                @elseif($order->order_status == '1')
                                <span class="badge badge-success mt-2 badge-status">Confirmed</span>
                                @elseif($order->order_status == '9')
                                <span class="badge badge-danger mt-2 badge-status">Cancelled</span>
                                @elseif($order->order_status == '2')
                                <span class="badge badge-primary mt-2 badge-status">Dispatched</span>
                                @elseif($order->order_status == '3')
                                <span class="badge badge-success mt-2 badge-status">Delivered</span>
                                @elseif($order->order_status == '4')
                                <span class="badge badge-primary mt-2 badge-status">Return</span>
                                @elseif($order->order_status == '5')
                                <span class="badge badge-primary mt-2 badge-status">Returned</span>
                                @endif
                            </td>
                            <td><strong>Confirmation</strong></td>
                            <td>
                                <form action="{{ route('admin.order.updateStatus', $order->id) }}" method="POST">
                                    @csrf
                                    @method('PATCH')
                                    <div class="form-group d-flex align-items-center">
                                        <select name="order_status" class="form-select form-select-sm w-auto mt-2"
                                            id="order_status">
                                            <option value="confirmed"
                                                {{ $order->order_status == '1' ? 'selected' : '' }}>Confirm</option>
                                            <option value="cancelled"
                                                {{ $order->order_status == '9' ? 'selected' : '' }}>Cancel</option>
                                        </select>
                                        <button class="btn btn-primary btn-sm ml-2 mt-2" id="updateStatus"
                                            type="submit">Update
                                            Status</button>
                                    </div>
                                </form>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @php
    $status = $order->order_status;
    @endphp
    <!--<div class="row mt-2 mb-2">
            <div class="col-12">
                @if($type == "item")
                        <a href="/donor_orderitems?id={{ $order->id }} &type=item" class="btn-form_active">Items Detail</a>
                    @else
                        <a href="/donor_orderitems?id={{ $order->id }} &type=item" class="btn-form_inactive">Items Detail</a>
                @endif
            </div>
        </div> -->
    @if($type == "item")
    <div class="row mb-3">
        <div class="col-12">
            <h3 class="main-heading mb-4">List of Items</h3>
            <div class="card border-0 shadow recent-sales">
                <div class="card-body">
                    <div class="dataTable-container">
                        <div class="table-responsive">
                            <table class="table mb-3 pt-3 table-light datatable dataTable-table" id="example">
                                <thead>
                                    <tr>
                                        <th scope="col" style="width: 2%;">Sno.</th>
                                        <th scope="col" style="width: 5%;">Image</th>
                                        <th scope="col" style="width: 10%;">Name</th>
                                        @if(@$sellType === 'rent')
                                        <th scope="col" style="width: 10%;">Dropoff</th>
                                        <th scope="col" style="width: 10%;">Pickup</th>
                                        @endif
                                        <th scope="col" style="width: 5%;">Qty.</th>
                                        <th scope="col" style="width: 5%;">Price</th>
                                        <th scope="col" style="width: 5%;">SubTotal</th>
                                        @if(@$sellType === 'rent')
                                        <th scope="col" style="width: 5%;">Total (5% GST)</th>
                                        @else
                                        <th scope="col" style="width: 5%;">Total(5% GST + 7% PST)</th>
                                        @endif

                                        @if(@$sellType === 'rent' && $status != '1')

                                        <th scope="col" id="action" style="width: 5%;">Action</th>
                                        @endif

                                    </tr>
                                </thead>
                                <tbody>
                                    @if(!empty($details))
                                    @foreach($details as $item)
                                    <tr>
                                        <th scope="row">{{ $loop->iteration }}</th>
                                        <td>
                                            @if($item->variant)
                                            <img src="{{ asset('storage/' . $item->variant->image) }}"
                                                alt="{{ $item->variant->variant_name }}"
                                                style="max-height: 50px; width: 50px;">
                                            @else
                                            <img src="{{ asset('storage/' . $item->item->image) }}"
                                                alt="{{ $item->item->name }}" style="max-height: 50px; width: 50px;">
                                            @endif
                                        </td>
                                        <td>
                                            <p>{{$item->item->name}}</p>
                                        </td>
                                        @php
                                        $rentForDetails = explode(' | ', $item->rentFor);
                                        $rentFieldName = $rentForDetails[0] ?? '';
                                        @endphp
                                        @if(@$sellType === 'rent')
                                        <td>
                                            <p>{{ $item->start_date}}</p>
                                        </td>
                                        <td>
                                            <p>{{ $item->end_date}}</p>
                                        </td>
                                        {{-- @if($rentFieldName === 'rental_weekend' || $rentFieldName === 'rental_rate_weekend')
                                                <td><p>WEEKEND</p></td>
                                            @elseif($rentFieldName === 'rental_7_days' || $rentFieldName === 'rental_rate_7days')
                                                <td><p>7 DAYS</p></td>
                                            @elseif($rentFieldName === 'rental_14_days' || $rentFieldName === 'rental_rate_14days')
                                                <td><p>14 DAYS</p></td>
                                            @elseif($rentFieldName === 'rental_21_days' || $rentFieldName === 'rental_rate_21days')
                                                <td><p>21 DAYS</p></td>
                                            @elseif($rentFieldName === 'rental_1_month' || $rentFieldName === 'rental_rate_month')
                                                <td><p>MONTH</p></td>
                                                @else
                                                <td><p>{{ $rentFieldName }} </p>
                                        </td>
                                        @endif --}}
                                        @endif
                                        <td>
                                            <p>{{$item->qty}}</p>
                                        </td>
                                        <td>
                                            <p>${{ $item->price }}</p>
                                        </td>
                                        <td>
                                            <p>${{$item->price * $item->qty}}</p>
                                        </td>
                                        @if(@$sellType === 'rent')
                                        <td>
                                            <p>${{ number_format($item->price * $item->qty * 1.05, 2, '.', '') }}</p>
                                        </td>
                                        @else
                                        @php
                                        $gst = number_format($item->price * 0.05,2);
                                        $pst = number_format($item->price * 0.07,2);
                                        @endphp
                                        <td>
                                            <p>${{ number_format($item->price + $gst + $pst, 2, '.', '') }}</p>
                                        </td>
                                        @endif
                                        @if(@$sellType === 'rent' && $status != '1')
                                        <td class="action">
                                            <button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
                                                data-target="#editOrderItemModal{{ $item->id }}">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <!-- Delete Button -->
                                            <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                                                data-target="#deleteOrderItemModal{{ $item->id }}">
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                        </td>
                                        @endif
                                    </tr>
                                    <!-- Modal for editing the whole row -->
                                    <div class="modal fade edit-modal" id="editOrderItemModal{{ $item->id }}"
                                        tabindex="-1" role="dialog"
                                        aria-labelledby="editOrderItemModalLabel{{ $item->id }}" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="editOrderItemModalLabel{{ $item->id }}">
                                                        Edit Item</h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form method="POST"
                                                        action="{{ route('admin.updateOrderItem', $item->id) }}"
                                                        data-order-item-id="{{ $item->order_id }}">
                                                        @csrf
                                                        <input type="hidden" name="order_id"
                                                            value="{{ $item->order_id}}">
                                                        <!-- Product Dropdown -->
                                                        <div class="form-group">
                                                            <label for="product">Product</label>
                                                            <select name="product" class="form-control" required>
                                                                @foreach($products as $product)
                                                                <!-- Assuming $products is passed to the view -->
                                                                <option value="{{ $product->id }}"
                                                                    {{ $item->item_id == $product->id ? 'selected' : '' }}>
                                                                    {{ $product->name }}
                                                                    <!-- You can change the display text as needed -->
                                                                </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="quantity">Quantity</label>
                                                            <input type="number" name="quantity" class="form-control"
                                                                value="{{ old('quantity', $item->qty) }}" required>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="rentFor">Rent For</label>
                                                            <select name="rentFor" class="form-control" required>
                                                                <option value="rental_weekend"
                                                                    {{ $rentFieldName == 'rental_weekend' ? 'selected' : '' }}>
                                                                    Weekend</option>
                                                                <option value="rental_7_days"
                                                                    {{ $rentFieldName == 'rental_7_days' ? 'selected' : '' }}>
                                                                    7 Days</option>
                                                                <option value="rental_14_days"
                                                                    {{ $rentFieldName == 'rental_14_days' ? 'selected' : '' }}>
                                                                    14 Days</option>
                                                                <option value="rental_21_days"
                                                                    {{ $rentFieldName == 'rental_21_days' ? 'selected' : '' }}>
                                                                    21 Days</option>
                                                                <option value="rental_1_month"
                                                                    {{ $rentFieldName == 'rental_1_month' ? 'selected' : '' }}>
                                                                    1 Month</option>
                                                            </select>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="start_date">Start Date</label>
                                                            <input type="text" name="start_date" id="start_date"
                                                                class="form-control"
                                                                value="{{ old('start_date', $item->start_date) }}"
                                                                required>
                                                        </div>
                                                        <button type="submit" class="btn btn-primary">Save
                                                            Changes</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- delete item -->
                                    <div class="modal fade delete-modal" id="deleteOrderItemModal{{ $item->id }}"
                                        tabindex="-1" role="dialog"
                                        aria-labelledby="deleteOrderItemModalLabel{{ $item->id }}" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title"
                                                        id="deleteOrderItemModalLabel{{ $item->id }}">Confirm Deletion
                                                    </h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    Are you sure you want to delete this item?
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary"
                                                        data-dismiss="modal">Cancel</button>
                                                    <form method="POST"
                                                        action="{{ route('admin.deleteOrderItem', $item->id) }}">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger">Delete</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @endforeach
                                    @else
                                    <h3>No Items Found</h3>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
    @if($type == "upload")
    <div class="card shadow mb-2">
        <div class="m-3">
            <div class="text-center">
                <h1 class="h3 mb-0 text-gray-800">Images and Video</h1>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-nowrap card-table">
                    <thead>
                        <tr>
                            <th>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" name="ordersSelect" id="ordersSelectAll" type="checkbox">
                                    <label class="form-check-label" for="ordersSelectAll">&nbsp;</label>
                                </div>
                            </th>
                            <th>
                                <a href="#" class="text-muted list-sort" data-sort="orders-product">
                                    Images and Video
                                </a>
                            </th>
                            <th>
                                <a href="#" class="text-muted list-sort" data-sort="orders-product">
                                    Action
                                </a>
                            </th>
                        </tr>
                    </thead>
                    <tbody class="list">
                        @if(!empty($order->image1))
                        <tr>
                            <td>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" type="checkbox" name="ordersSelect" id="ordersSelectOne">
                                    <label class="form-check-label" for="ordersSelectOne">&nbsp;</label>
                                </div>
                            </td>
                            <td class="orders-order">
                                <img id="image1"
                                    src="/images/supplier/{{!empty($order->image1) ? $order->image1 : 'undraw_profile.svg'}}"
                                    alt="your image" width="22%" height="100%" />
                            </td>
                            <td class="orders-order">
                                <a href="/delete-order-photo/{{ $order->id }}/img1" class="btn-blu-login">Delete</a>
                            </td>
                        </tr>
                        @endif

                        @if(!empty($order->image2))
                        <tr>
                            <td>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" type="checkbox" name="ordersSelect" id="ordersSelectOne">
                                    <label class="form-check-label" for="ordersSelectOne">&nbsp;</label>
                                </div>
                            </td>
                            <td class="orders-order">
                                <img id="image1"
                                    src="/images/supplier/{{!empty($order->image2) ? $order->image2 : 'undraw_profile.svg'}}"
                                    alt="your image" width="10%" height="10%" />
                            </td>
                            <td class="orders-order">
                                <a href="/delete-order-photo/{{ $order->id }}/img2" class="btn-blu-login">Delete</a>
                            </td>
                        </tr>
                        @endif
                        @if(!empty($order->image3))
                        <tr>
                            <td>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" type="checkbox" name="ordersSelect" id="ordersSelectOne">
                                    <label class="form-check-label" for="ordersSelectOne">&nbsp;</label>
                                </div>
                            </td>
                            <td class="orders-order">
                                <img id="image1"
                                    src="/images/supplier/{{!empty($order->image3) ? $order->image3 : 'undraw_profile.svg'}}"
                                    alt="your image" width="10%" height="10%" />
                            </td>
                            <td class="orders-order">
                                <a href="/delete-order-photo/{{ $order->id }}/img3" class="btn-blu-login">Delete</a>
                            </td>
                        </tr>
                        @endif
                        @if(!empty($order->image4))
                        <tr>
                            <td>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" type="checkbox" name="ordersSelect" id="ordersSelectOne">
                                    <label class="form-check-label" for="ordersSelectOne">&nbsp;</label>
                                </div>
                            </td>
                            <td class="orders-order">
                                <img id="image1"
                                    src="/images/supplier/{{!empty($order->image4) ? $order->image4 : 'undraw_profile.svg'}}"
                                    alt="your image" width="10%" height="10%" />
                            </td>
                            <td class="orders-order">
                                <a href="/delete-order-photo/{{ $order->id }}/img4" class="btn-blu-login">Delete</a>
                            </td>
                        </tr>
                        @endif
                        @if(!empty($order->video))
                        <tr>
                            <td>
                                <!-- Checkbox -->
                                <div class="form-check">
                                    <input class="" type="checkbox" name="ordersSelect" id="ordersSelectOne">
                                    <label class="form-check-label" for="ordersSelectOne">&nbsp;</label>
                                </div>
                            </td>
                            <td class="orders-order">
                                <video width="320" height="240" controls>
                                    <source src="/images/supplier/{{$order->video}}" type="video/mp4">
                                </video>
                            </td>
                            <td class="orders-order">
                                <a href="/delete-order-photo/{{ $order->id }}/vid" class="btn-blu-login">Delete</a>
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
    @if($type == "dispatch")
    <div class="row">
        <div class="col-12">
            <div class="card shadow recent-sales">
                <div class="card-body">
                    <h5 class="card-title text-center mb-3">Delivery Details</h5>

                    <table class="table table-borderless datatable dataTable-table text-center">
                        <tr>
                            <td>Name</td>
                            <td></td>
                            <td>-</td>
                            <td>{{$order->del_name}}</td>
                        </tr>
                        <tr>
                            <td>AGE</td>
                            <td></td>
                            <td>-</td>
                            <td>{{$order->del_age}}</td>
                        </tr>
                        <tr>
                            <td>Contact Number</td>
                            <td></td>
                            <td>-</td>
                            <td>{{$order->del_phone}}</td>
                        </tr>
                        @if(!empty($order->del_info))
                        <tr>
                            <td>Information</td>
                            <td></td>
                            <td>-</td>
                            <td>{{$order->del_info}}</td>
                        </tr>
                        @endif
                    </table>

                    <div class="text-center mt-2">
                        <button type="button" class="btn btn-success">Order Dispatched</button>
                    </div>


                </div>

            </div>

        </div>
    </div>
    @endif
</div>
@endsection
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.js" defer>
</script>
<script type="text/javascript" charset="utf8"
    src="https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js" defer></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"
    defer></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"
    defer></script>
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"
    defer></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.html5.min.js"
    defer></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.print.min.js"
    defer></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
function handlePaymentSelection() {
    const paymentContainer = document.getElementById('payment-link-container');
    const payNowBtn = document.getElementById('pay-now-btn');
    const cashNowBtn = document.getElementById('cash-now-btn');
    const sendCustomerLinkForm = document.getElementById('send-customer-link-form');
    // Get selected value from the dropdown
    const selectedValue = document.getElementById('payment-method-dropdown').value;
    // Show the container and relevant button based on the selection
    paymentContainer.classList.remove('d-none');
    if (selectedValue === 'admin') {
        // Show Pay Now button
        payNowBtn.classList.remove('d-none');
        cashNowBtn.classList.classList.add('d-none');
        sendCustomerLinkForm.classList.add('d-none');
    } else if (selectedValue === 'customer') {
        // Show Send Email to Customer button
        payNowBtn.classList.add('d-none');
        cashNowBtn.classList.classList.add('d-none');
        sendCustomerLinkForm.classList.remove('d-none');
    } else if (selectedValue === 'cash') {
        // Show Send Email to Customer button
        cashNowBtn.classList.remove('d-none');
        payNowBtn.classList.add('d-none');
        sendCustomerLinkForm.classList.add('d-none');
    } else {
        // Hide both if no valid selection
        paymentContainer.classList.add('d-none');
    }
}
document.addEventListener('DOMContentLoaded', function() {
    var printButton = document.getElementById('print-button');
    if (printButton) {
        printButton.addEventListener('click', function() {
            // Identify elements to be temporarily hidden
            var elementsToHide = $(
                '.dt-buttons,#example_filter,#print-button,#updateStatus, #example_info, #example_paginate, #action, .action'
            );

            // Hide elements for print preview
            elementsToHide.each(function() {
                $(this).data('originalDisplay', $(this).css(
                    'display')); // Store original display state
                $(this).hide(); // Hide the element
            });

            // Hide modals temporarily
            var editModal = document.getElementsByClassName('edit-modal');
            var deleteModal = document.getElementsByClassName('delete-modal');
            if (editModal[0]) editModal[0].style.display = 'none';
            if (deleteModal[0]) deleteModal[0].style.display = 'none';

            // Capture print content
            var printContent = document.getElementById('print-section').innerHTML;

            // Open print window
            var printWindow = window.open('', '', 'height=600,width=800');
            printWindow.document.write(`
                ${printContent}
            `);
            printWindow.document.close();
            printWindow.print();

            // Restore visibility state of hidden elements
            elementsToHide.each(function() {
                var originalDisplay = $(this).data('originalDisplay');
                if (originalDisplay !== 'none') {
                    $(this).css('display', originalDisplay); // Restore original state
                }
            });

            // Restore modals
            if (editModal[0]) editModal[0].style.display = 'block';
            if (deleteModal[0]) deleteModal[0].style.display = 'block';
            location.reload();
        });
    } else {
        console.error('Print button not found!');
    }
});
</script>


<script>
$(document).ready(function() {
    $('#payment_type').change(function() {
        let paymentType = $(this).val();
        let orderId = $(this).data('order-id');

        $.ajax({
            url: "{{ route('admin.order.update.payment') }}", // Define this route in your web.php
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                payment_type: paymentType,
                order_id: orderId
            },
            success: function(response) {
                alert(response.message); // Show success message
            },
            error: function(xhr) {
                alert('Something went wrong!');
            }
        });
    });
    $('select[name="product"], input[name="quantity"], select[name="rentFor"]').on('change', function() {
        let modal = $(this).closest('.modal');
        $('input[name="start_date"]').val('');
        getboorkingdate(modal); // Call the getboorkingdate function
    });
    $('input[name="start_date"]').on('focus', function() {
        let modal = $(this).closest('.modal');
        getboorkingdate(modal);

    });
});

function getboorkingdate(modal) {
    let productId = modal.find('select[name="product"]').val();
    let quantity = modal.find('input[name="quantity"]').val();
    let rentFor = modal.find('select[name="rentFor"]').val();
    let orderItemId = modal.find('form').data('order-item-id'); // Pass order item ID
    let days = 0;
    if (rentFor === "rental_weekend") {
        days = 3;
    } else if (rentFor === "rental_7_days") {
        days = 6;
    } else if (rentFor === "rental_14_days") {
        days = 13;
    } else if (rentFor === "rental_21_days") {
        days = 20;
    } else if (rentFor === "rental_1_month") {
        days = 29;
    }
    if (productId && quantity && days) {
        $.ajax({
            url: '/admin/fetchorderbookingdates/' + productId,
            method: 'POST', // Ensure the method is POST
            data: {
                _token: '{{ csrf_token() }}', // Include CSRF token
                quantity: quantity, // Pass quantity data
                rentFor: days, // Pass days data
                order_item_id: orderItemId // Pass order_item_id
            },
            success: function(response) {
                //alert('hello');
                $('input[name="start_date"]').each(function() {
                    flatpickr(this, {
                        dateFormat: 'Y-m-d',
                        disable: response.bookedDates,
                        minDate: 'today',
                    });
                });
            }
        });
    }
}
</script>
<script>
$(document).ready(function() {

    $('#example').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'excel'
        ]
    });


});

function image_upload() {
    const fileInput = document.getElementById('image');
    var files = [...fileInput.files];
    var i = 0;
    for (const f of files) {
        document.getElementById('blah' + i).classList.remove('d-none');
        document.getElementById('icon' + i).classList.remove('d-none');
        document.getElementById('blah' + i).src = URL.createObjectURL(f);
        i++;
    }
}

function video_upload() {
    const fileInput = document.getElementById('video');
    var files = [...fileInput.files];
    var i = 0;
    for (const f of files) {
        document.getElementById('blah' + i).classList.remove('d-none');
        document.getElementById('icon' + i).classList.remove('d-none');
        document.getElementById('blah' + i).src = URL.createObjectURL(f);

        i++;
    }
}

function icon_click0() {
    const fileInput = document.getElementById('image');
    console.log(fileInput)
    var files = [...fileInput.files];
    console.log(files);
    files.splice(0, 1);
    document.getElementById('blah0').classList.add('d-none');
    document.getElementById('icon0').classList.add('d-none');
}

function icon_click1() {
    const fileInput = document.getElementById('image');
    console.log(fileInput)
    var files = [...fileInput.files];
    console.log(files);
    files.splice(1, 1);
    document.getElementById('blah1').classList.add('d-none');
    document.getElementById('icon1').classList.add('d-none');
}

function icon_click2() {
    const fileInput = document.getElementById('image');
    console.log(fileInput)
    var files = [...fileInput.files];
    console.log(files);
    files.splice(2, 1);
    document.getElementById('blah2').classList.add('d-none');
    document.getElementById('icon2').classList.add('d-none');
}

function icon_click3() {
    const fileInput = document.getElementById('image');
    console.log(fileInput)
    var files = [...fileInput.files];
    console.log(files);
    files.splice(2, 1);
    document.getElementById('blah3').classList.add('d-none');
    document.getElementById('icon3').classList.add('d-none');

}
document.addEventListener('DOMContentLoaded', function() {
    const paymentLinkShareButton = document.getElementById('payment-link-share-btn');
    if (paymentLinkShareButton) {
        const paymentLink = paymentLinkShareButton.getAttribute('data-payment-link');

        if (navigator.share) {
            paymentLinkShareButton.addEventListener('click', function() {
                navigator.share({
                        title: 'Payment Link',
                        text: 'You can make your payment securely through this link:',
                        url: paymentLink
                    })
                    .then(() => {
                        console.log('Successfully shared!');
                    })
                    .catch((error) => {
                        console.error('Error sharing:', error);
                    });
            });
        } else {
            paymentLinkShareButton.addEventListener('click', function() {
                navigator.clipboard.writeText(paymentLink)
                    .then(() => {
                        console.log('Link copied to clipboard!');
                        alert(
                            `The payment link has been successfully copied to your clipboard. You can use it to complete your transaction. \n\nIf you need assistance, visit our help page: [Help Link]`
                        );
                    })
                    .catch((error) => {
                        console.error('Failed to copy text:', error);
                        alert(
                            'Sorry, there was an issue copying the payment link. Please try again or contact support for assistance.'
                        );
                    });
            });
        }
    }
});
</script>