@extends('layouts.admin')

@section('admin-content')
<div class="flex justify-between items-center mb-8">
    <h2 class="text-2xl font-bold">Edit Coupon</h2>
    <a href="{{ route('admin.coupons.index') }}" class="royal-btn px-4 py-2 text-sm">Back to Coupons</a>
</div>

<div class="royal-card p-6 max-w-2xl">
    <form action="{{ route('admin.coupons.update', $coupon) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="space-y-6">
            <div>
                <label class="block text-sm font-medium mb-2">Coupon Code</label>
                <input type="text" name="code" value="{{ old('code', $coupon->code) }}" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 uppercase">
            </div>
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium mb-2">Discount Type</label>
                    <select name="type" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
                        <option value="percentage" {{ old('type', $coupon->type) === 'percentage' ? 'selected' : '' }}>Percentage (%)</option>
                        <option value="fixed" {{ old('type', $coupon->type) === 'fixed' ? 'selected' : '' }}>Fixed Amount ($)</option>
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium mb-2">Discount Value</label>
                    <input type="number" name="value" step="0.01" value="{{ old('value', $coupon->value) }}" required class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium mb-2">Minimum Order Amount</label>
                <input type="number" name="min_order_amount" step="0.01" value="{{ old('min_order_amount', $coupon->min_order_amount) }}" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
            </div>
            <div>
                <label class="block text-sm font-medium mb-2">Maximum Uses</label>
                <input type="number" name="max_uses" value="{{ old('max_uses', $coupon->max_uses) }}" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
            </div>
            <div>
                <label class="block text-sm font-medium mb-2">Expires At</label>
                <input type="datetime-local" name="expires_at" value="{{ old('expires_at', $coupon->expires_at?->format('Y-m-d\TH:i')) }}" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
            </div>
            <div>
                <label class="block text-sm font-medium mb-2">Description</label>
                <textarea name="description" rows="2" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">{{ old('description', $coupon->description) }}</textarea>
            </div>
            <label class="flex items-center"><input type="checkbox" name="is_active" value="1" {{ old('is_active', $coupon->is_active) ? 'checked' : '' }} class="mr-2"> Active</label>
            <button type="submit" class="royal-btn w-full">Update Coupon</button>
        </div>
    </form>
</div>
@endsection