@extends('layouts.admin')
@section('title', $isCreate ? 'New menu' : $menu->title)
@section('content')
<form method="post" action="{{ $isCreate ? route('admin.menus.store') : route('admin.menus.update', $menu) }}">
@csrf
@unless($isCreate) @method('PUT') @endunless
<x-admin.page :title="$isCreate ? 'New menu' : 'Menu settings'" subtitle="Handles map to storefront slots (header, footer, mobile, custom).">
    <x-slot:actions>
        <a href="{{ $isCreate ? route('admin.menus.index') : route('admin.menus.edit', $menu) }}" class="admin-btn">Back</a>
        <button class="admin-btn admin-btn-primary">{{ $isCreate ? 'Create menu' : 'Save settings' }}</button>
    </x-slot:actions>
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif
    <x-admin.section title="Menu">
        <div class="grid gap-4 sm:grid-cols-2">
            <x-admin.field label="Title" name="title" required>
                <input name="title" value="{{ old('title', $menu->title) }}" required class="admin-input">
            </x-admin.field>
            <x-admin.field label="Handle" name="handle" help="{{ $menu->isProtected() ? 'Protected system handle.' : 'Used in storefront lookups.' }}">
                <input name="handle" value="{{ old('handle', $menu->handle) }}" class="admin-input font-mono text-xs" {{ $menu->isProtected() ? 'readonly' : '' }}>
            </x-admin.field>
            <x-admin.field label="Location" name="location">
                <select name="location" class="admin-input" {{ $menu->isProtected() ? 'disabled' : '' }}>
                    @foreach(['header','footer','mobile','custom'] as $loc)
                        <option value="{{ $loc }}" @selected(old('location', $menu->location ?: 'custom') === $loc)>{{ ucfirst($loc) }}</option>
                    @endforeach
                </select>
                @if($menu->isProtected())
                    <input type="hidden" name="location" value="{{ $menu->location }}">
                @endif
            </x-admin.field>
            <label class="mt-6 flex items-center gap-2 text-sm">
                <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $menu->is_active ?? true))>
                Active on storefront
            </label>
        </div>
        <x-admin.field label="Description" name="description" class="mt-4">
            <textarea name="description" rows="3" class="admin-input">{{ old('description', $menu->description) }}</textarea>
        </x-admin.field>
    </x-admin.section>
</x-admin.page>
</form>
@endsection