@php
    /** @var \App\Models\Menu|null $menu */
    $tipos = ['menu' => 'Menu', 'submenu' => 'Submenu'];
@endphp

<div class="form-section">
    <h3 class="section-title">
        <i class="fas fa-info-circle"></i>
        Informações do Menu
    </h3>

    <div class="row">
        <div class="col-md-4">
            <div class="mb-3">
                <label for="nome" class="form-label">
                    Identificador (nome) <span class="required">*</span>
                </label>
                <input
                    type="text"
                    class="form-control"
                    id="nome"
                    name="nome"
                    value="{{ old('nome', $menu->nome ?? '') }}"
                    placeholder="ex: tipos-usuarios, pedidos"
                >
                @error('nome')
                    <div class="form-error">{{ $message }}</div>
                @enderror
                <div class="form-text">
                    <i class="fas fa-info-circle"></i>
                    Usado internamente para identificar o menu.
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="mb-3">
                <label for="titulo" class="form-label">
                    Título <span class="required">*</span>
                </label>
                <input
                    type="text"
                    class="form-control"
                    id="titulo"
                    name="titulo"
                    value="{{ old('titulo', $menu->titulo ?? '') }}"
                    placeholder="Texto exibido no menu"
                >
                @error('titulo')
                    <div class="form-error">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="col-md-4">
            <div class="mb-3">
                <label for="icone" class="form-label">Ícone</label>
                <input
                    type="text"
                    class="form-control"
                    id="icone"
                    name="icone"
                    value="{{ old('icone', $menu->icone ?? '') }}"
                    placeholder="ex: fas fa-home"
                >
                @error('icone')
                    <div class="form-error">{{ $message }}</div>
                @enderror
                <div class="form-text">
                    <i class="fas fa-info-circle"></i>
                    Classe do ícone FontAwesome (opcional).
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="mb-3">
                <label for="route" class="form-label">Rota Laravel</label>
                <input
                    type="text"
                    class="form-control"
                    id="route"
                    name="route"
                    value="{{ old('route', $menu->route ?? '') }}"
                    placeholder="ex: tipos-usuarios, pedidos.index"
                >
                @error('route')
                    <div class="form-error">{{ $message }}</div>
                @enderror
                <div class="form-text">
                    <i class="fas fa-info-circle"></i>
                    Nome da rota usada com a função route().
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="mb-3">
                <label for="tipo" class="form-label">
                    Tipo <span class="required">*</span>
                </label>
                <select class="form-select" id="tipo" name="tipo">
                    @foreach ($tipos as $valor => $label)
                        <option value="{{ $valor }}" {{ old('tipo', $menu->tipo ?? 'menu') === $valor ? 'selected' : '' }}>
                            {{ $label }}
                        </option>
                    @endforeach
                </select>
                @error('tipo')
                    <div class="form-error">{{ $message }}</div>
                @enderror
                <div class="form-text">
                    <i class="fas fa-info-circle"></i>
                    Se for submenu, selecione o menu pai abaixo.
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="mb-3">
                <label for="menu_id" class="form-label">Menu Pai</label>
                <select class="form-select" id="menu_id" name="menu_id">
                    <option value="">(nenhum)</option>
                    @foreach ($menusPai as $m)
                        <option value="{{ $m->id }}" {{ (string) old('menu_id', $menu->menu_id ?? '') === (string) $m->id ? 'selected' : '' }}>
                            {{ $m->titulo }}
                        </option>
                    @endforeach
                </select>
                <div class="form-text">
                    <i class="fas fa-info-circle"></i>
                    Preencha apenas se o tipo for Submenu.
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="mb-3">
                <label for="ordem" class="form-label">Ordem</label>
                <input
                    type="number"
                    class="form-control"
                    id="ordem"
                    name="ordem"
                    value="{{ old('ordem', $menu->ordem ?? 0) }}"
                    min="0"
                >
                @error('ordem')
                    <div class="form-error">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>
</div>