@extends('backend.layouts.app')

@section('title', 'Create Menu Category')

@section('content')
    @php
        $pageTitle = 'Create Menu Category';
        $indexRoute = 'menu-category.index';
        $indexLabel = 'Menu Categories';
    @endphp
    @include('backend.layouts.partials._page_header')

    <div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
        <div class="border-b border-gray-100 px-5 py-4 dark:border-gray-800">
            <h3 class="text-base font-semibold text-gray-800 dark:text-white/90">Create New Menu Category</h3>
            <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Menu categories help group frontend menu items together.</p>
        </div>
        <div class="p-6">
            <form method="POST" action="{{ route('menu-category.store') }}" class="space-y-5">
                @csrf
                @include('backend.module.menu.frontendMenuCategory.form', ['category' => null])
                <div class="flex items-center gap-3 pt-3">
                    <button type="submit" class="rounded-lg bg-brand-500 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-600">Create Category</button>
                    <a href="{{ route('menu-category.index') }}" class="rounded-lg border border-gray-300 px-5 py-2.5 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-white/[0.03]">Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection