@extends('admin.layouts.app')
@section('title', 'Categories')
@section('content')
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:10px;">
        <form method="GET" style="max-width:280px;"><input type="text" name="search" placeholder="Search categories..." value="{{ request('search') }}"></form>
        <a href="{{ route('admin.categories.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Add Category</a>
    </div>
    <div class="card table-wrap">
        <table>
            <thead><tr><th>Image</th><th>Name</th><th>Sort</th><th>Status</th><th>Products</th><th>Actions</th></tr></thead>
            <tbody>
            @foreach($categories as $cat)
                <tr>
                    <td>@if($cat->image)<img src="{{ asset('storage/'.$cat->image) }}" style="width:44px;height:44px;border-radius:10px;object-fit:cover;">@else <i class="fa-solid {{ $cat->icon ?: 'fa-utensils' }}"></i> @endif</td>
                    <td>{{ $cat->name }}</td>
                    <td>{{ $cat->sort_order }}</td>
                    <td>
                        <form method="POST" action="{{ route('admin.categories.toggle', $cat) }}">
                            @csrf @method('PATCH')
                            <button class="badge {{ $cat->is_active ? 'badge-green' : 'badge-gray' }}" style="border:none;cursor:pointer;">{{ $cat->is_active ? 'Active' : 'Disabled' }}</button>
                        </form>
                    </td>
                    <td>{{ $cat->products()->count() }}</td>
                    <td style="display:flex; gap:8px;">
                        <a href="{{ route('admin.categories.edit', $cat) }}" class="btn btn-outline btn-sm"><i class="fa-solid fa-pen"></i></a>
                        <form method="POST" action="{{ route('admin.categories.destroy', $cat) }}" onsubmit="return confirm('Delete this category?');">
                            @csrf @method('DELETE')
                            <button class="btn btn-danger btn-sm"><i class="fa-solid fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div style="margin-top:16px;">{{ $categories->links() }}</div>
@endsection