@extends('admin::layouts.master')

@section('title', 'Coupons')

@section('content')
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold">Coupons</h1>
        <a href="{{ route('admin.coupons.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">Add Coupon</a>
    </div>

    <div class="bg-white rounded-lg shadow overflow-x-auto">
        <table class="w-full text-sm">
            <thead>
                <tr class="bg-gray-100 text-left">
                    <th class="px-4 py-3 border-b">ID</th>
                    <th class="px-4 py-3 border-b">Code</th>
                    <th class="px-4 py-3 border-b">Type</th>
                    <th class="px-4 py-3 border-b">Discount</th>
                    <th class="px-4 py-3 border-b">Min Order</th>
                    <th class="px-4 py-3 border-b">Uses</th>
                    <th class="px-4 py-3 border-b">Starts</th>
                    <th class="px-4 py-3 border-b">Expires</th>
                    <th class="px-4 py-3 border-b">Active</th>
                    <th class="px-4 py-3 border-b">1st Only</th>
                    <th class="px-4 py-3 border-b">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($coupons as $coupon)
                    <tr class="hover:bg-gray-50 border-b">
                        <td class="px-4 py-3">{{ $coupon->id }}</td>
                        <td class="px-4 py-3 font-mono font-bold">{{ $coupon->code }}</td>
                        <td class="px-4 py-3">
                            <span class="px-2 py-0.5 rounded text-xs {{ $coupon->type === 'new_client' ? 'bg-blue-100 text-blue-700' : ($coupon->type === 'vip' ? 'bg-purple-100 text-purple-700' : 'bg-pink-100 text-pink-700') }}">
                                {{ str_replace('_', ' ', $coupon->type) }}
                            </span>
                        </td>
                        <td class="px-4 py-3">
                            {{ $coupon->discount_type === 'percentage' ? $coupon->discount_value . '%' : '€' . number_format($coupon->discount_value, 2) }}
                        </td>
                        <td class="px-4 py-3">€{{ number_format($coupon->min_order_amount, 2) }}</td>
                        <td class="px-4 py-3">{{ $coupon->used_count }}{{ $coupon->max_uses > 0 ? ' / ' . $coupon->max_uses : '' }}</td>
                        <td class="px-4 py-3">{{ $coupon->starts_at ? $coupon->starts_at->format('d.m.Y') : 'Now' }}</td>
                        <td class="px-4 py-3">{{ $coupon->expires_at ? $coupon->expires_at->format('d.m.Y') : 'Never' }}</td>
                        <td class="px-4 py-3">
                            <span class="{{ $coupon->is_active ? 'text-green-600' : 'text-red-600' }}">{{ $coupon->is_active ? 'Yes' : 'No' }}</span>
                        </td>
                        <td class="px-4 py-3">
                            <span class="{{ $coupon->is_first_order_only ? 'text-blue-600' : 'text-gray-400' }}">{{ $coupon->is_first_order_only ? 'Yes' : 'No' }}</span>
                        </td>
                        <td class="px-4 py-3 flex gap-2">
                            <a href="{{ route('admin.coupons.show', $coupon->id) }}" class="text-blue-600 hover:underline">View</a>
                            <a href="{{ route('admin.coupons.edit', $coupon->id) }}" class="text-yellow-600 hover:underline">Edit</a>
                            <form method="POST" action="{{ route('admin.coupons.destroy', $coupon->id) }}" onsubmit="return confirm('Delete this coupon?')" class="inline">
                                @csrf @method('DELETE')
                                <button type="submit" class="text-red-600 hover:underline">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="11" class="px-4 py-8 text-center text-gray-500">No coupons found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection