@extends('admin.layouts.main')
 @php
   $page_name = 'Coupon List';
 @endphp
 @section('content')
   <div class="card">
     <div class="card-body">
       <div class="d-flex justify-content-between">
         <div>
           <h4 class="mb-4">Add {{ $page_name }}</h4>
         </div>
         <div>
           <a class="btn btn-sm btn-primary" href="{{ route('admin.coupon.create') }}">Create Coupon</a>
         </div>
       </div>
       <div class="my-3">
         <form method="GET" action="{{ route('admin.coupon.index') }}" class="row g-3">

           <!-- Row 1: Main Search Filters -->
           <div class="col-md-3">
             <label for="search" class="form-label visually-hidden">Search</label>
             <input type="text" name="search" id="search" class="form-control"
               placeholder="Search by title, desc, code" value="{{ request('search') }}">
           </div>

           <div class="col-md-3">
             <label for="amount" class="form-label visually-hidden">Amount</label>
             <input type="number" name="amount" id="amount" class="form-control" placeholder="Discount Amount"
               value="{{ request('amount') }}">
           </div>

           <div class="col-md-3">
             <label for="created_from" class="form-label visually-hidden">Created From</label>
             <input type="text" name="created_from" id="created_from" class="form-control" placeholder="Created From"
               value="{{ request('created_from') }}" onfocus="(this.type='date')"
               onblur="(this.value ? this.type='date' : this.type='text')">
           </div>

           <div class="col-md-3">
             <label for="created_to" class="form-label visually-hidden">Created To</label>
             <input type="text" name="created_to" id="created_to" class="form-control" placeholder="Created To"
               value="{{ request('created_to') }}" onfocus="(this.type='date')"
               onblur="(this.value ? this.type='date' : this.type='text')">
           </div>

           <!-- Row 2: Secondary Filters -->
           <div class="col-md-3">
             <label for="expiry" class="form-label visually-hidden">Expiry Date</label>
             <input type="text" name="expiry" id="expiry" class="form-control" placeholder="Expiry Date"
               value="{{ request('expiry') }}" onfocus="(this.type='date')"
               onblur="(this.value ? this.type='date' : this.type='text')">
           </div>

           <div class="col-md-3">
             <label for="multiple" class="form-label visually-hidden">Multiple Status</label>
             <select name="multiple" id="multiple" class="form-control">
               <option value="">Multiple Status</option>
               <option value="1" {{ request('multiple') === '1' ? 'selected' : '' }}>Yes</option>
               <option value="0" {{ request('multiple') === '0' ? 'selected' : '' }}>No</option>
             </select>
           </div>

           <div class="col-md-3">
             <label for="active" class="form-label visually-hidden">Active Status</label>
             <select name="active" id="active" class="form-control">
               <option value="">Active Status</option>
               <option value="1" {{ request('active') === '1' ? 'selected' : '' }}>Active</option>
               <option value="0" {{ request('active') === '0' ? 'selected' : '' }}>Inactive</option>
             </select>
           </div>

           <div class="col-md-3">
             <label for="per_page" class="form-label visually-hidden">Per Page</label>
             <input type="number" name="per_page" id="per_page" class="form-control" min="1"
               placeholder="Per Page" value="{{ request('per_page', 10) }}">
           </div>

           <!-- Row 3: Action Buttons -->
           <div class="col-md-4">
             <button type="submit" class="btn btn-primary w-100">Filter</button>
           </div>

           <div class="col-md-4">
             <!-- This button submits the same form data to the export route -->
             <button type="submit" formaction="{{ route('admin.coupon.export') }}"
               class="btn btn-success w-100">Export</button>
           </div>

           <div class="col-md-4">
             <!-- This is a link that clears all filters -->
             <a href="{{ route('admin.coupon.index') }}" class="btn btn-secondary w-100">Reset</a>
           </div>

         </form>
         <h5 class="mt-4">{{ $page_name }} List</h5>
         <div class="table-responsive">
           @if ($coupons->isEmpty())
             <div class="alert alert-warning text-center">
               No Coupons Found
             </div>
           @else
             <table class="table table-bordered">
               <thead>
                 <tr>
                   <th>ID</th>
                   <th>Title</th>
                   <th>Description</th>
                   <th>Code</th>
                   <th>Expiry</th>
                   <th>Multiple</th>
                   <th>Discount Amount</th>
                   <th>Discount Type</th>
                   <th>Active</th>
                   <th>Created At</th>
                   <th>Updated At</th>
                   <th>Actions</th>
                 </tr>
               </thead>
               <tbody>
                 @foreach ($coupons as $coupon)
                   <tr>
                     <td>{{ $coupon->id }}</td>
                     <td>{{ $coupon->title }}</td>
                     <td>{{ Str::limit($coupon->description, 50) }}</td>
                     <td>{{ $coupon->code }}</td>
                     <td>{{ emptyDate($coupon->expiry) }}</td>
                     <td>{{ $coupon->multiple ? 'Yes' : 'No' }}</td>
                     <td>{{ $coupon->discount_amount }}</td>
                     <td>{{ ucfirst($coupon->discount_type) }}</td>
                     <td>{{ $coupon->active ? 'Active' : 'Inactive' }}</td>
                     <td>{{ emptyDate($coupon->created_at) }}</td>
                     <td>{{ emptyDate($coupon->updated_at) }}</td>
                     <td>
                       <div class="d-flex">
                         <a href="{{ route('admin.coupon.edit', enc($coupon->id)) }}"
                           class="btn btn-sm btn-warning mx-1">Edit</a>
                         <form action="{{ route('admin.coupon.destroy') }}" method="POST" style="display:inline;">
                           <input type="hidden" name="id" value="{{ enc($coupon->id) }}">
                           @csrf
                           <button type="submit" class="btn btn-sm btn-danger"
                             onclick="return confirm('Delete this coupon?')">Delete</button>
                         </form>
                       </div>
                     </td>
                   </tr>
                 @endforeach
               </tbody>
             </table>
             <div class="my-3">
               {{ $coupons->appends(request()->query())->links('pagination::bootstrap-5') }}
             </div>
           @endif
         </div>
       </div>
     </div>
   </div>
 @endsection