@php
    $menuData = old() ?: $siteMenu->toArray();
@endphp

<div class="card card-primary">
    <div class="card-body">
        <div class="form-group">
            <label for="location">Lokasi</label>
            <input
                type="text"
                id="location"
                name="location"
                class="form-control @error('location') is-invalid @enderror"
                value="{{ $menuData['location'] ?? 'landing_main' }}"
                required
            >
            @error('location')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
            <small class="text-muted">Contoh: <code>landing_main</code> (menu utama) atau <code>landing_services</code> (dropdown layanan)</small>
        </div>

        <div class="form-group">
            <label for="text">Teks Menu</label>
            <input
                type="text"
                id="text"
                name="text"
                class="form-control @error('text') is-invalid @enderror"
                value="{{ $menuData['text'] ?? '' }}"
                required
            >
            @error('text')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="url">URL / Anchor</label>
            <input
                type="text"
                id="url"
                name="url"
                class="form-control @error('url') is-invalid @enderror"
                value="{{ $menuData['url'] ?? '' }}"
                required
            >
            @error('url')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
            <small class="text-muted">Contoh: <code>#hero</code> atau <code>/login</code></small>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="target">Target</label>
                    <select id="target" name="target" class="form-control @error('target') is-invalid @enderror">
                        <option value="_self" @selected(($menuData['target'] ?? '_self') === '_self')>Satu Tab (_self)</option>
                        <option value="_blank" @selected(($menuData['target'] ?? '_self') === '_blank')>Tab Baru (_blank)</option>
                    </select>
                    @error('target')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="sort_order">Urutan</label>
                    <input
                        type="number"
                        id="sort_order"
                        name="sort_order"
                        class="form-control @error('sort_order') is-invalid @enderror"
                        value="{{ $menuData['sort_order'] ?? 0 }}"
                        min="0"
                    >
                    @error('sort_order')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="form-check">
            <input type="hidden" name="is_active" value="0">
            <input type="checkbox" id="is_active" name="is_active" class="form-check-input" value="1" @checked((int) ($menuData['is_active'] ?? 1) === 1)>
            <label class="form-check-label" for="is_active">Aktifkan menu</label>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-end">
        <a href="{{ route('admin.site-menus.index') }}" class="btn btn-secondary mr-2">Kembali</a>
        <button type="submit" class="btn btn-primary">{{ $submitLabel }}</button>
    </div>
</div>