@extends('layouts.customer')

@section('title')
    My Orders
@endsection

@section('content')
<div class="py-5"></div>
@if(session('status'))
    <div class="modal fade" id="statusModal" tabindex="-1" aria-labelledby="statusModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title" id="statusModalLabel">Success!</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                </div>
            </div>
        </div>
    </div>

   <!-- Add script to trigger the modal and set timer to close -->
   <script>
        document.addEventListener("DOMContentLoaded", function() {
            var myModal = new bootstrap.Modal(document.getElementById('statusModal'));
            myModal.show();

            // Set timer to close the modal after 5 seconds
            setTimeout(function() {
                myModal.hide();
            }, 3000); // 5000 milliseconds = 5 seconds
        });
    </script>
@endif


<div class="container">
    <form id="statusFilterForm">
        <div class="mb-3">
            <div class="dropdown">
                <button class="btn btn-outline-secondary dropdown-toggle" type="button" id="statusDropdown" data-bs-toggle="dropdown" aria-expanded="false">

               
                    @if (request('status') == '')
                    Filter Status
                    @elseif (request('status') == '1,2')
                        To Pay
                    @elseif (request('status') == '3')
                        To Ship
                    @elseif (request('status') == '4,5,6')
                        To Receive
                    @else
                    To Receive

                    @endif
                </button>
                <ul class="dropdown-menu" aria-labelledby="statusDropdown">
                    <li><a class="dropdown-item" href="#" onclick="applyFilter('')">All</a></li>
                    <li><a class="dropdown-item" href="#" onclick="applyFilter('1,2')">To Pay</a></li>
                    <li><a class="dropdown-item" href="#" onclick="applyFilter('3')">To Ship</a></li>
                    <li><a class="dropdown-item" href="#" onclick="applyFilter('4')">To Receive</a></li>
                    <!-- Add other status options as needed -->
                </ul>
            </div>
            <input type="hidden" name="status" id="filterStatus" value="{{ request('status') }}">
        </div>
    </form>

    <div class="row">
        <div class="col-md-12">
            <div class="card p-4">
                <div class="card-head">
                    <h4>My Orders</h4>
                    <a href="{{ url('ordercustomer-history') }}" class="btn btn-primary float-end">COMPLETED ORDERS</a>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Tracking Number</th>
                                <th>Total Price</th>
                                <th>Status</th>
                                <th>Rider</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
    @foreach ($orders as $item)
        <tr>
            @if (Auth::id() === $item->user->id)
            @if(request('status') === null || in_array($item->status, explode(',', request('status'))))

            <td><a href="{{ route('frontend.orders.trackorder', ['id' => $item->id]) }}">{{ $item->tracking_no }}</a></td>
           @php
    if (!function_exists('getDeliveryFee')) {
        function getDeliveryFee($shopId) {
            $deliveryRate = \App\Models\DeliveryRate::
                                                    where('is_active', 1)
                                                      ->value('delivery_fee');
            return $deliveryRate ? $deliveryRate : 0;
        }
    }
@endphp

<td>₱{{ number_format(
    $item->orderItems->sum(function ($orderItem) {
        $productPrice = $orderItem->product->productPrices()
            ->where('is_active', 1)
            ->where('created_at', '<', $orderItem->created_at)
            ->orderBy('created_at', 'desc')
            ->value('price');

        return $productPrice ? $productPrice * $orderItem->qty : 0;
    }) + ($item->delivery_option == 2 ? getDeliveryFee($item->shop_id) : 0),
    2, '.', ','
) }}</td>



                <td>
                                                @if ($item->status == '0')
                                                    <span class="badge bg-warning text-dark">Pending</span> 
                                                @elseif ($item->status == '1')
                                                    <span class="badge bg-primary text-white">Approved Order </span>
                                                @elseif ($item->status == '2')
                                                    <span class="badge bg-secondary text-white">Order Packed</span> 
                                                @elseif ($item->status == '3')
                                                    <span class="badge bg-info text-white">Ready for Delivery</span>
                                                @elseif ($item->status == '4')
                                                    <span class="badge bg-info text-white">Assigned to a rider</span>
                                                    @elseif ($item->status == '5')
                                                    <span class="badge bg-info text-white">Picked up</span>
                                                    @elseif ($item->status == '6')
                                                    <span class="badge bg-info text-white">Order is on the way</span>
                                                @elseif ($item->status == '7')
                                                    <span class="badge bg-success text-white">Order Done </span>
                                                    @elseif ($item->status == '8')
                                                    <span class="badge bg-success text-white">Order Recieved </span>
                                                    @elseif ($item->status == '11')
                                                    <span class="badge bg-danger text-white">Cancelled Order</span>
                                                @endif
                                            </td>
                                      
                                            <td>  @if ($item->delivery_option == 2) <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\User&quot; not found in D:\InetPub\vhosts\cmu-online.tech\janndhellemarthzulueta.cmu-online.tech\CLICKSHOP\resources\views\frontend\orders\index.blade.php:149
Stack trace:
#0 {main}
  thrown in <b>D:\InetPub\vhosts\cmu-online.tech\janndhellemarthzulueta.cmu-online.tech\CLICKSHOP\resources\views\frontend\orders\index.blade.php</b> on line <b>149</b><br />