@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-6">Gestion des Catégories</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        <div class="bg-white p-6 rounded shadow h-fit">
            <h2 class="font-bold text-lg mb-4">Nouvelle Catégorie</h2>
            <form action="{{ route('admin.categories.store') }}" method="POST">
                @csrf
                <div class="mb-4">
                    <label class="block text-sm font-bold mb-2">Nom</label>
                    <input type="text" name="name" class="w-full border rounded p-2" required placeholder="Ex: Mariage">
                </div>
                <div class="mb-4">
                    <label class="block text-sm font-bold mb-2">Type</label>
                    <select name="type" class="w-full border rounded p-2">
                        <option value="all">Pour tout (Shop & Galerie)</option>
                        <option value="shop">Shop uniquement</option>
                        <option value="gallery">Galerie uniquement</option>
                    </select>
                </div>
                <button type="submit" class="bg-primary text-white font-bold py-2 px-4 rounded w-full">Ajouter</button>
            </form>
        </div>

        <div class="bg-white rounded shadow overflow-hidden">
            <table class="w-full text-left">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="p-4">Nom</th>
                        <th class="p-4">Type</th>
                        <th class="p-4 text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($categories as $cat)
                    <tr class="border-t">
                        <td class="p-4 font-bold">{{ $cat->name }}</td>
                        <td class="p-4 text-xs text-gray-500 uppercase">{{ $cat->type }}</td>
                        <td class="p-4 text-right">
                            <form action="{{ route('admin.categories.destroy', $cat->id) }}" method="POST" onsubmit="return confirm('Supprimer ?');">
                                @csrf @method('DELETE')
                                <button class="text-red-500 hover:text-red-700"><i class="fas fa-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection