@extends('layouts.app')
@section('content')
<div class="mb-6 flex justify-between items-center">
    <h2 class="text-2xl font-bold text-gray-900"><i class="fa-solid fa-ticket text-red-600 mr-2"></i> Manage Coupons</h2>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    <!-- Add Form -->
    <div class="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
        <h3 class="font-bold text-gray-900 mb-4">Create Coupon</h3>
        <form action="{{ route('admin.coupons.store') }}" method="POST" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-bold text-gray-700 mb-1">Coupon Code</label>
                <input type="text" name="code" class="w-full bg-gray-50 border border-gray-200 rounded-lg p-3 uppercase" placeholder="e.g. SUMMER20" required>
            </div>
            <div>
                <label class="block text-sm font-bold text-gray-700 mb-1">Discount %</label>
                <input type="number" name="discount_percentage" class="w-full bg-gray-50 border border-gray-200 rounded-lg p-3" placeholder="20" min="1" max="100" required>
            </div>
            <button type="submit" class="w-full bg-red-600 text-white font-bold py-3 rounded-lg hover:bg-red-700">Add Coupon</button>
        </form>
    </div>

    <!-- List -->
    <div class="md:col-span-2 bg-white rounded-2xl shadow-sm border border-gray-100 overflow-x-auto">
        <table class="w-full text-left whitespace-nowrap">
            <thead class="bg-gray-50 border-b border-gray-100 text-gray-600 text-xs uppercase font-bold">
                <tr><th class="p-4">Code</th><th class="p-4">Discount</th><th class="p-4">Status</th></tr>
            </thead>
            <tbody>
                @foreach($coupons as $coupon)
                <tr class="border-b border-gray-50">
                    <td class="p-4 font-mono font-bold text-red-600">{{ $coupon->code }}</td>
                    <td class="p-4 font-black">{{ $coupon->discount_percentage }}% OFF</td>
                    <td class="p-4">
                        <form action="{{ route('admin.coupons.toggle', $coupon->id) }}" method="POST">
                            @csrf
                            <button type="submit" class="px-3 py-1 rounded-full text-xs font-bold {{ $coupon->is_active ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-600' }}">
                                {{ $coupon->is_active ? 'Active' : 'Disabled' }}
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection