@extends('layouts.admin')
@section('title','Categories')
@section('content')
<div class="grid lg:grid-cols-2 gap-6">
    {{-- Add Form --}}
    <div class="admin-card p-6">
        <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Add New Category</h3>
        <form method="POST" action="{{ route('admin.categories.store') }}" enctype="multipart/form-data" class="space-y-4">
            @csrf
            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="form-label">Name (English) *</label>
                    <input type="text" name="name" value="{{ old('name') }}" required class="form-input">
                    @error('name')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="form-label">Name (Bangla)</label>
                    <input type="text" name="name_bn" value="{{ old('name_bn') }}" class="form-input">
                </div>
                <div>
                    <label class="form-label">Icon (fa class)</label>
                    <input type="text" name="icon" value="{{ old('icon') }}" placeholder="fa-utensils" class="form-input">
                </div>
                <div>
                    <label class="form-label">Color</label>
                    <input type="color" name="color" value="{{ old('color','#C8A96B') }}" class="form-input h-10 p-1">
                </div>
                <div>
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" value="{{ old('sort_order',0) }}" class="form-input">
                </div>
            </div>
            <div>
                <label class="form-label">Image</label>
                <input type="file" name="image" accept="image/*" class="form-input text-xs">
            </div>
            <div class="flex gap-4">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_active" value="1" checked class="accent-gold w-4 h-4">
                    <span class="text-cream/70 text-sm">Active</span>
                </label>
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_featured" value="1" class="accent-gold w-4 h-4">
                    <span class="text-cream/70 text-sm">Featured</span>
                </label>
            </div>
            <button type="submit" class="btn-primary w-full justify-center py-3">
                <i class="fas fa-plus"></i>Add Category
            </button>
        </form>
    </div>

    {{-- List --}}
    <div class="admin-card overflow-hidden">
        <div class="p-5 border-b border-gold/10">
            <h3 class="font-playfair text-cream text-lg font-semibold">All Categories ({{ $categories->total() }})</h3>
        </div>
        <table>
            <thead><tr><th>Category</th><th>Items</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @forelse($categories as $cat)
                <tr>
                    <td>
                        <div class="flex items-center gap-3">
                            @if($cat->image)
                            <img src="{{ $cat->image_url }}" class="w-9 h-9 rounded-lg object-cover border border-gold/20">
                            @else
                            <div class="w-9 h-9 rounded-lg bg-white/5 flex items-center justify-center">
                                <i class="fas {{ $cat->icon ?: 'fa-tag' }} text-gold text-xs"></i>
                            </div>
                            @endif
                            <div>
                                <div class="text-cream text-sm font-medium">{{ $cat->name }}</div>
                                @if($cat->name_bn)<div class="text-cream/40 text-xs">{{ $cat->name_bn }}</div>@endif
                            </div>
                        </div>
                    </td>
                    <td class="text-sm text-cream/60">{{ $cat->food_items_count }}</td>
                    <td>
                        <span class="badge {{ $cat->is_active ? 'badge-green':'badge-red' }}">
                            {{ $cat->is_active ? 'Active':'Inactive' }}
                        </span>
                        @if($cat->is_featured)<span class="badge badge-blue ml-1">Featured</span>@endif
                    </td>
                    <td>
                        <form method="POST" action="{{ route('admin.categories.destroy', $cat) }}" onsubmit="return confirm('Delete?')">
                            @csrf @method('DELETE')
                            <button type="submit" class="text-red-400/60 hover:text-red-400 text-xs transition-colors">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-cream/40 py-8">No categories yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="p-4">{{ $categories->links() }}</div>
    </div>
</div>
@endsection