@extends('admin.layouts.main')
 @php
   $page_name = 'Coupon';
 @endphp
 @section('content')
   <div class="container py-4">
     <div class="row justify-content-center">
       <div class="col-lg-8">
         <div class="card shadow-sm border-0">
           <div class="card-header bg-primary text-white">
             <h5 class="mb-0 text-white">{{ isset($coupon) ? 'Edit' : 'Create' }} Coupon</h5>
           </div>
           <div class="card-body">

             @if ($errors->any())
               <div class="alert alert-danger">
                 <h5 class="mb-2">Please fix the following errors:</h5>
                 <ul class="mb-0">
                   @foreach ($errors->all() as $error)
                     <li>{{ $error }}</li>
                   @endforeach
                 </ul>
               </div>
             @endif

             <form action="{{ isset($coupon) ? route('admin.coupon.update', $coupon->id) : route('admin.coupon.store') }}"
               method="POST" novalidate>
               @csrf


               {{-- Title --}}
               <div class="mb-3">
                 <label for="title" class="form-label">Title *</label>
                 <input type="text" name="title" id="title"
                   class="form-control @error('title') is-invalid @enderror"
                   value="{{ old('title', $coupon->title ?? '') }}" placeholder="e.g. Flat 10% Off">
                 @error('title')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               {{-- Description --}}
               <div class="mb-3">
                 <label for="description" class="form-label">Description</label>
                 <textarea name="description" id="description" rows="3"
                   class="form-control @error('description') is-invalid @enderror" placeholder="e.g. Offer valid for new users only">{{ old('description', $coupon->description ?? '') }}</textarea>
                 @error('description')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               {{-- Code --}}
               <div class="mb-3">
                 <label for="code" class="form-label">Code</label>
                 <input type="text" name="code" id="code"
                   class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $coupon->code ?? '') }}"
                   placeholder="e.g. NEWUSER10">
                 <div class="form-text">Leave blank to auto-generate a unique code.</div>
                 @error('code')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               {{-- Expiry --}}
               <div class="mb-3">
                 <label for="expiry" class="form-label">Expiry Date</label>
                 <input type="date" name="expiry" id="expiry"
                   class="form-control @error('expiry') is-invalid @enderror"
                   value="{{ old('expiry', $coupon->expiry ?? '') }}">
                 @error('expiry')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               {{-- Discount Amount --}}
               <div class="mb-3">
                 <label for="discount_amount" class="form-label">Discount Amount *</label>
                 <input type="number" step="0.01" name="discount_amount" id="discount_amount"
                   class="form-control @error('discount_amount') is-invalid @enderror"
                   value="{{ old('discount_amount', $coupon->discount_amount ?? '') }}">
                 @error('discount_amount')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               {{-- Discount Type --}}
               <div class="mb-3">
                 <label for="discount_type" class="form-label">Discount Type *</label>
                 <select name="discount_type" id="discount_type"
                   class="form-select @error('discount_type') is-invalid @enderror">
                   <option value="percentage"
                     {{ old('discount_type', $coupon->discount_type ?? '') == 'percentage' ? 'selected' : '' }}>
                     Percentage
                   </option>
                   <option value="fixed"
                     {{ old('discount_type', $coupon->discount_type ?? '') == 'fixed' ? 'selected' : '' }}>
                     Fixed
                   </option>
                 </select>
                 @error('discount_type')
                   <div class="invalid-feedback">{{ $message }}</div>
                 @enderror
               </div>

               @if (!isset($coupon))
                 <div class="mb-3">
                   <label class="form-label" for="quantity">Quantity</label>
                   <input type="number" class="form-control @error('quantity') is-invalid @enderror" type="checkbox"
                     id="quantity" name="quantity" value="1">
                   @error('quantity')
                     <div class="invalid-feedback">{{ $message }}</div>
                   @enderror
                 </div>
               @endif
               {{-- Allow Multiple Uses --}}
               <div class="form-check form-switch mb-3">
                 <input class="form-check-input" type="checkbox" id="multiple" name="multiple"
                   {{ old('multiple', $coupon->multiple ?? false) ? 'checked' : '' }}>
                 <label class="form-check-label" for="multiple">Allow Multiple Uses</label>
               </div>

               {{-- Active Status --}}
               <div class="form-check form-switch mb-4">
                 <input class="form-check-input" type="checkbox" id="active" name="active"
                   {{ old('active', $coupon->active ?? true) ? 'checked' : '' }}>
                 <label class="form-check-label" for="active">Active</label>
               </div>

               {{-- Submit --}}
               <div class="d-grid">
                 <button type="submit" class="btn btn-primary">
                   <i class="bi bi-save me-1"></i>
                   {{ isset($coupon) ? 'Update' : 'Create' }} Coupon
                 </button>
               </div>
             </form>


           </div>
         </div>
       </div>
     </div>
   </div>
 @endsection