@extends('layouts.admin')
@section('title','Add Coupon')
@section('page-title','Add Coupon')
@section('content')
<div class="page-header"><h1>Create Coupon</h1><a href="{{ route('admin.coupons.index') }}" class="btn btn-outline btn-sm">← Back</a></div>
<div class="card" style="max-width:520px;">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.coupons.store') }}">
            @csrf
            @if($errors->any())<div class="alert alert-error">{{ $errors->first() }}</div>@endif
            <div class="form-group"><label>Coupon Code <span style="color:#dc2626">*</span></label><input type="text" name="code" required placeholder="e.g. WELCOME10" style="text-transform:uppercase" value="{{ old('code') }}"></div>
            <div class="form-group"><label>Discount Type <span style="color:#dc2626">*</span></label>
                <select name="discount_type" required>
                    <option value="percentage" {{ old('discount_type')==='percentage'?'selected':'' }}>Percentage (%)</option>
                    <option value="fixed" {{ old('discount_type')==='fixed'?'selected':'' }}>Fixed Amount (₵)</option>
                </select>
            </div>
            <div class="form-group"><label>Discount Value <span style="color:#dc2626">*</span></label><input type="number" name="discount_value" required min="0" step="0.01" value="{{ old('discount_value') }}"></div>
            <div class="form-group"><label>Minimum Order Amount</label><input type="number" name="min_order_amount" min="0" step="0.01" value="{{ old('min_order_amount') }}" placeholder="Leave blank for no minimum"></div>
            <div class="form-group"><label>Maximum Uses</label><input type="number" name="max_uses" min="1" value="{{ old('max_uses') }}" placeholder="Leave blank for unlimited"></div>
            <div class="form-group"><label>Expires At</label><input type="datetime-local" name="expires_at" value="{{ old('expires_at') }}"></div>
            <label style="display:flex;gap:.5rem;align-items:center;font-size:.9rem;cursor:pointer;margin-bottom:1.25rem;"><input type="checkbox" name="is_active" value="1" checked> Active</label>
            <button type="submit" class="btn btn-primary" style="width:100%;">Create Coupon</button>
        </form>
    </div>
</div>
@endsection