@extends('Admin.layout.app')

@section('title','Food Order List')
@section('page-title','Food Order List')

@section('content')


<div class="card">
   <div class="card-header d-flex justify-content-between align-items-center">
       <h5 class="mb-0">All Order List</h5>
       
   </div>

   <div class="card-body">
       <!-- Filter Form -->
       <form method="GET" class="row g-2 mb-3">
           <div class="col-md-3">
               <input type="text" name="search" class="form-control"
                  value="{{ request('search') }}" placeholder="Search">
           </div>
           <div class="col-md-2">
                <select name="product" class="form-control">
                    <option value="">All Products</option>
            
                    @foreach($products as $product)
                        <option value="{{ $product->id }}"
                            {{ request('product') == $product->id ? 'selected' : '' }}>
                            {{ $product->name }}
                        </option>
                    @endforeach
                </select>
            </div>
           <div class="col-md-2">
               <select name="delivery" class="form-control">
                 <option value="">Delivery Status</option>
              
                 <option value="delivered" {{ request('delivery')=='delivered' ? 'selected' : '' }}>
                     Delivered
                 </option>
              
                 <option value="Pending" {{ request('delivery')=='Pending' ? 'selected' : '' }}>
                     Pending
                 </option>
              
                 
               </select>
           </div>
           <div class="col-md-3">
            <input
               type="date"
               class="form-control"
               id="return_date"
               name="return_date"
            >
           </div>
           
           <div class="col-md-2">
               <button class="btn btn-secondary w-100">Filter</button>
           </div>
       </form>
       
        <!-- Products Table -->
       <div class="table-responsive">
         <div id="printTable">
           <table class="table table-bordered align-middle">
               <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Order No</th>
                        <th>Date/Time</th>
                        <th>Customer</th>
                        <th>Food Items</th>
                        <th>Grand Total</th>
                        <th>Paid</th>
                        <th>Balance</th>
                        <th>Status</th>
                        <th width="120">Action</th>
                    </tr>
               </thead>
               <tbody>
                @foreach($foodorder as $order)
                   <tr>
                            <td>{{ $loop->iteration }}</td>

                            <td>#{{ $order->id }}</td>

                            <td>
                                {{ \Carbon\Carbon::parse($order->order_date)->format('d M Y') }}<br>
                                 {{ \Carbon\Carbon::parse($order->order_date)->format('h:i A') }}
                                
                            </td>

                            <td>
                                <strong>{{ $order->customer->name ?? '-' }}</strong><br>
                                <small>{{ $order->customer->phone ?? '' }}</small>
                            </td>

                            <td>
                                @foreach($order->details as $detail)

                                    @if($detail->product && $detail->product->category == 1)

                                        <span class="badge bg-success">
                                            {{ $detail->product->name }}
                                        </span><br>
                                        {{  $detail->description }}
                                        <br>

                                    @endif
                                    <span>
                                       
                                    </span>

                                @endforeach
                            </td>

                            <td>{{ number_format($order->grand_total,2) }}</td>

                            <td>{{ number_format($order->paid_amount,2) }}</td>

                            <td>{{ number_format($order->balance,2) }}</td>

                            <td>
                                
                                 @if($order->order_status =='delivered')
                                  <span class="badge bg-success">Deliverd</span>
                                  @else
                                    <span class="badge bg-danger">$order->order_status</span>
                                @endif
                                  
                                
                            </td>

                            <td>
                                <a href="{{route('admin.Order.detail', $order->id)}}"
                                   class="btn btn-sm btn-info">
                                    <i class="fas fa-eye"></i>
                                </a>

                                <a href="{{route('admin.Order.update', $order->id)}}"
                                   class="btn btn-sm btn-primary">
                                    <i class="fas fa-edit"></i>
                                </a>
                            </td>

                        </tr>
                      
                @endforeach
                 
               </tbody>
           </table>
         </div>
       </div>

       <!-- Pagination -->
      
       <div class="mt-3">
        <div class="pagination-sm">
           {{ $foodorder->links() }}
        </div>
       </div>
       
       <button class="btn btn-primary" onclick="printTable()">
            <i class="fas fa-print"></i> Print
       </button>
     </div>
</div>


@endsection

@push('js')
<script>

function printTable() {
    var printContents = document.getElementById('printTable').innerHTML;
    var originalContents = document.body.innerHTML;

    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;

    location.reload();
}
</script>

</script>
@endpush