@extends('Admin.layout.app')

@section('content')

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

   <div class="card-body">
       <!-- Filter Form -->
       <form method="GET" class="row g-2 mb-3">
           <div class="col-md-4">
               <input type="text" name="search" class="form-control"
                  value="{{ request('search') }}" placeholder="Search">
           </div>
           <div class="col-md-4">
               <select name="category" class="form-control">
                   <option value="">All Categories</option>
                
               </select>
           </div>
           
           <div class="col-md-4">
               <button class="btn btn-secondary w-100">Filter</button>
           </div>
       </form>

       <!-- Products Table -->
       <div class="table-responsive">
           <table class="table table-bordered align-middle">
               <thead class="table-light">
                   <tr>
                       <th width="30"><input type="checkbox" class="check-all"></th>
                       <th>Name</th>
                       <th>Shipping Address</th>
                       <th>Price</th>
                       <th>Payment type</th>
                       <th>Payment Status</th>
                       <th>Order Date</th>
                       <th class="text-end">Action</th>
                   </tr>
               </thead>
               <tbody>
                   @foreach($neworder as $Order)
                   <tr>
                       <td><input type="checkbox" class="check-one" value="{{ $Order->id }}"></td>
                       
                       <td>
                           <strong>{{ $Order->user->first_name }} {{ $Order->user->last_name }}</strong><br>
                       </td>

                       <td>
                           <strong> {{$Order->shipping_address['name'] ?? ''}}</strong><br>
                           <small class="text-muted">email: {{ $Order->shipping_address['email'] ?? ''}}</small>
                           <br>
                           <small class="text-muted">address: {{ $Order->shipping_address['address'] ?? ''}}</small>
                           <br>
                           <small class="text-muted"> {{ $Order->shipping_address['city'] ?? ''}}
                            {{ $Order->shipping_address['state'] ?? ''}}
                            {{ $Order->shipping_address['country'] ?? ''}}
                           </small>
                           <br>
                           <small class="text-muted">Phone: {{ $Order->shipping_address['phone'] ?? ''}}</small>
                       </td>

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

                       <td>
                           <strong>{{ $Order->payment_type }}</strong><br>
                       </td>

                       <td>
                           <strong>{{ $Order->payment_status }}</strong><br>
                       </td>

                       <td>
                           <strong>{{ \Carbon\Carbon::createFromTimestamp($Order->date)->format('d M Y h:i A') }}</strong><br>
                       </td>

                       
                      <td class="text-end">
                          <a href="{{ route('admin.Order.detail', $Order->id) }}" class="btn btn-sm btn-outline-primary rounded-pill px-3">
                             <i class="las la-eye"></i> Detail
                         </a>

                         <a href="#" class="btn btn-sm btn-outline-success rounded-pill px-3 ms-1">
                            <i class="las la-check-circle"></i> Make Delivered
                         </a>
                        </td>
                   </tr>
                   @endforeach
               </tbody>
           </table>
       </div>

       <!-- Pagination -->
       <div class="mt-3">
           {{ $neworder->links() }}
       </div>
   </div>
</div>
@endsection

@push('script')

@endpush