@extends('layouts.admin')
@section('title', __('Categories'))
@section('content')
<div class="mb-6 flex items-center justify-between"><h1 class="text-2xl font-extrabold text-primary">{{ __('Categories') }}</h1><x-btn :href="route('admin.categories.create')"><x-icon name="plus"/> {{ __('New category') }}</x-btn></div>
@if ($categories)
<div class="overflow-x-auto rounded-[28px] border border-surface-variant bg-white">
    <table class="w-full text-left text-sm">
        <thead class="bg-surface-mid text-on-surface-variant"><tr><th class="p-4">{{ __('Name') }}</th><th class="p-4">{{ __('Products') }}</th><th class="p-4">{{ __('Order') }}</th><th class="p-4">{{ __('Visible') }}</th><th></th></tr></thead>
        <tbody>
        @foreach ($categories as $c)
            <tr class="border-t border-surface-variant"><td class="p-4 font-bold text-primary">{{ $c->parent_id ? '↳ ' : '' }}{{ $c->name }}</td><td class="p-4">{{ $c->product_count }}</td><td class="p-4">{{ $c->sort_order }}</td>
                <td class="p-4">{{ $c->is_active ? __('Yes') : __('No') }}</td><td class="p-4 text-right"><a href="{{ route('admin.categories.edit', $c->id) }}" class="font-bold text-primary underline">{{ __('Edit') }}</a></td></tr>
        @endforeach
        </tbody>
    </table>
</div>
@include('partials.pagination', ['result' => $result])
@else <x-empty :title="__('No categories yet')"><x-btn :href="route('admin.categories.create')">{{ __('Create the first one') }}</x-btn></x-empty> @endif
@endsection