@extends('layouts.admin')
@section('page-title', isset($menu) ? 'Edit Menu: ' . $menu->label : 'Tambah Menu')

@section('header-actions')
    <a href="{{ route('admin.menus.index', ['brand_id' => $brandId ?? optional($menu)->brand_id]) }}" class="btn-admin-ghost">← Kembali</a>
@endsection

@section('content')
<div class="admin-form-wrap" style="max-width:600px;">
    <form method="POST"
          action="{{ isset($menu) ? route('admin.menus.update', $menu) : route('admin.menus.store') }}">
        @csrf
        @if (isset($menu)) @method('PUT') @endif

        <div class="form-card">
            <h3 class="form-card-title">Detail Menu</h3>

            <div class="form-group">
                <label class="form-label">Brand <span class="required">*</span></label>
                <select name="brand_id" class="form-select" required>
                    @foreach ($brands as $brand)
                        <option value="{{ $brand->id }}"
                            {{ old('brand_id', isset($menu) ? $menu->brand_id : $brandId) == $brand->id ? 'selected' : '' }}>
                            {{ $brand->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label class="form-label">Label Menu <span class="required">*</span></label>
                <input type="text" name="label" class="form-input"
                       value="{{ old('label', $menu->label ?? '') }}" required
                       placeholder="Beranda, Solusi, Tentang Kami...">
            </div>

            <div class="form-group">
                <label class="form-label">Slug <span class="required">*</span></label>
                <input type="text" name="slug" class="form-input"
                       value="{{ old('slug', $menu->slug ?? '') }}" required
                       placeholder="beranda, solusi, tentang">
                <p class="form-hint">Digunakan sebagai path halaman jika tidak ada URL custom.</p>
            </div>

            <div class="form-group">
                <label class="form-label">URL Custom</label>
                <input type="text" name="url" class="form-input"
                       value="{{ old('url', $menu->url ?? '') }}"
                       placeholder="https://... atau /path/custom (opsional)">
                <p class="form-hint">Jika diisi, akan menimpa link otomatis dari slug.</p>
            </div>

            <div class="form-group">
                <label class="form-label">Parent Menu</label>
                <select name="parent_id" class="form-select">
                    <option value="">— Tidak ada (top-level) —</option>
                    @foreach ($parents as $parent)
                        @if (!isset($menu) || $parent->id !== $menu->id)
                            <option value="{{ $parent->id }}"
                                {{ old('parent_id', $menu->parent_id ?? '') == $parent->id ? 'selected' : '' }}>
                                {{ $parent->label }}
                            </option>
                        @endif
                    @endforeach
                </select>
            </div>

            <div class="form-group">
                <label class="form-label">Urutan</label>
                <input type="number" name="sort_order" class="form-input" min="0"
                       value="{{ old('sort_order', $menu->sort_order ?? 0) }}" style="max-width:100px;">
            </div>

            <div class="form-group">
                <label class="form-label form-label--checkbox">
                    <input type="checkbox" name="is_active" value="1"
                           {{ old('is_active', $menu->is_active ?? true) ? 'checked' : '' }}>
                    Aktif
                </label>
            </div>

            <div class="form-group">
                <label class="form-label form-label--checkbox">
                    <input type="checkbox" name="open_in_new_tab" value="1"
                           {{ old('open_in_new_tab', $menu->open_in_new_tab ?? false) ? 'checked' : '' }}>
                    Buka di tab baru
                </label>
            </div>
        </div>

        <div style="margin-top:16px;">
            <button type="submit" class="btn-admin-primary">
                {{ isset($menu) ? 'Simpan Perubahan' : 'Tambah Menu' }}
            </button>
        </div>
    </form>
</div>
@endsection