@extends('backend.layouts.app')

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

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

    <div class="space-y-6">
        <div class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]">
            <div class="px-5 py-5">
                <p class="text-sm text-gray-500 dark:text-gray-400">Fill in the information below to create a new frontend
                    menu entry.</p>
            </div>

            <form action="{{ route('frontend-menu.store') }}" method="POST">
                @csrf
                <div class="space-y-5 border-t border-gray-100 p-6 dark:border-gray-800">
                    @include('backend.module.menu.frontend.form', ['menu' => null, 'parentMenus' => $parentMenus ?? []])
                </div>

                <div class="flex justify-end gap-3 border-t border-gray-100 px-6 py-4 dark:border-gray-800">
                    <a href="{{ route('frontend-menu.index') }}"
                        class="rounded-lg border border-gray-300 px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-white/[0.03]">Cancel</a>
                    <button type="submit"
                        class="rounded-lg bg-brand-500 px-4 py-2 text-sm text-white hover:bg-brand-600">Save</button>
                </div>
            </form>
        </div>
    </div>
@endsection