@use('Core\Localization\Locales')

{{--
    Campos do item de menu (criação e edição). Parcial (sem shell). Sem JS: o tipo escolhido
    decide qual alvo vale e o servidor valida o alvo coerente (ADR-010).
--}}
@php
    $selectedType = old('type', $item?->type ?? 'route');
    $selectedParent = old('parent_id', $item?->parent_id);
    $selectedIcon = old('icon', $item?->icon);
    $isActive = old('active', $item?->active ?? true);
    $opensNewTab = old('opens_new_tab', $item?->opens_new_tab ?? false);
@endphp

<x-cms::fieldset :legend="__('menus::cms.target_field')" :description="__('menus::cms.target_help')">
    <label class="form-control w-full">
        <span class="label"><span class="label-text">{{ __('menus::cms.type_field') }}</span></span>
        <select name="type" class="select select-bordered w-full" aria-describedby="field-type-help">
            @foreach ($types as $type)
                <option value="{{ $type }}" @selected($selectedType === $type)>{{ __('menus::cms.type_'.$type) }}</option>
            @endforeach
            <option value="page" disabled>{{ __('menus::cms.type_page_disabled') }}</option>
        </select>
        <span id="field-type-help" class="label-text-alt">{{ __('menus::cms.type_help') }}</span>
        @error('type')
            <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
        @enderror
    </label>

    <x-cms::form-group
        name="route"
        :label="__('menus::cms.route_field')"
        :value="$item?->target['route'] ?? null"
        :help="__('menus::cms.route_help')"
    />

    <x-cms::form-group
        name="url"
        :label="__('menus::cms.url_field')"
        :value="$item?->target['url'] ?? null"
        :help="__('menus::cms.url_help')"
    />
</x-cms::fieldset>

<x-cms::fieldset :legend="__('menus::cms.parent_field')" :description="__('menus::cms.parent_help')">
    <label class="form-control w-full">
        <span class="label"><span class="label-text">{{ __('menus::cms.parent_field') }}</span></span>
        <select name="parent_id" class="select select-bordered w-full">
            <option value="">{{ __('menus::cms.parent_root') }}</option>
            @foreach ($parentOptions as $option)
                <option value="{{ $option['id'] }}" @selected($selectedParent === $option['id'])>
                    {{ str_repeat('— ', max(0, $option['level'] - 1)).$option['label'] }}
                </option>
            @endforeach
        </select>
        @error('parent_id')
            <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
        @enderror
    </label>
</x-cms::fieldset>

<x-cms::fieldset :legend="__('menus::cms.label_field')" :description="__('menus::cms.label_help')">
    @foreach (Locales::all() as $locale)
        @php
            $labelId = 'field-label-'.$locale;
            $labelError = $errors->first('label.'.$locale);
        @endphp

        <div class="form-control w-full">
            <label class="label" for="{{ $labelId }}">
                <span class="label-text">
                    {{ Locales::label($locale) }}<span aria-hidden="true"> *</span>
                </span>
            </label>
            <input
                id="{{ $labelId }}"
                name="label[{{ $locale }}]"
                type="text"
                value="{{ old('label.'.$locale, $item?->label[$locale] ?? '') }}"
                required
                @if (filled($labelError)) aria-invalid="true" aria-describedby="{{ $labelId }}-error" @endif
                class="input input-bordered w-full"
            >
            @if (filled($labelError))
                <span id="{{ $labelId }}-error" class="label-text-alt text-error" role="alert">{{ $labelError }}</span>
            @endif
        </div>
    @endforeach
</x-cms::fieldset>

<x-cms::fieldset :legend="__('menus::cms.appearance_field')" :description="__('menus::cms.icon_help')">
    <x-cms::form-group name="icon" :label="__('menus::cms.icon_field')" :value="$selectedIcon" />
</x-cms::fieldset>

<fieldset class="min-w-0">
    <legend class="text-base font-semibold">{{ __('menus::cms.behaviour_field') }}</legend>

    <div class="mt-4 grid gap-4">
        <div class="form-control">
            <label class="label cursor-pointer justify-start gap-3" for="field-active">
                <input type="hidden" name="active" value="0">
                <input id="field-active" type="checkbox" name="active" value="1" class="checkbox" @checked((bool) $isActive)>
                <span class="label-text">{{ __('menus::cms.active_field') }}</span>
            </label>
        </div>

        <div class="form-control">
            <label class="label cursor-pointer justify-start gap-3" for="field-opens-new-tab">
                <input type="hidden" name="opens_new_tab" value="0">
                <input id="field-opens-new-tab" type="checkbox" name="opens_new_tab" value="1" class="checkbox" @checked((bool) $opensNewTab)>
                <span class="label-text">{{ __('menus::cms.opens_new_tab_field') }}</span>
            </label>
            <span class="label-text-alt">{{ __('menus::cms.opens_new_tab_help') }}</span>
        </div>
    </div>
</fieldset>