@php
    $isEdit = (bool) $navItem;
@endphp

<form method="POST" action="{{ $isEdit ? route('admin.nav-items.update', $navItem) : route('admin.nav-items.store') }}">
    @csrf
    @if ($isEdit) @method('PUT') @endif

    <div class="card p-4 mb-3">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Label (English)</label>
                <input type="text" name="label_en" class="form-control @error('label_en') is-invalid @enderror" value="{{ old('label_en', $navItem->label_en ?? '') }}">
                @error('label_en') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6">
                <label class="form-label">Label (Arabic)</label>
                <input type="text" name="label_ar" dir="rtl" class="form-control @error('label_ar') is-invalid @enderror" value="{{ old('label_ar', $navItem->label_ar ?? '') }}">
                @error('label_ar') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label">URL</label>
                <input type="text" name="url" class="form-control @error('url') is-invalid @enderror" value="{{ old('url', $navItem->url ?? '') }}">
                <div class="form-text">A raw URL/anchor. Leave empty for a dropdown parent with no link of its own.</div>
                @error('url') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6">
                <label class="form-label">Parent</label>
                <select name="parent_id" class="form-select @error('parent_id') is-invalid @enderror">
                    <option value="">None (top-level)</option>
                    @foreach ($parents as $id => $label)
                        <option value="{{ $id }}" @selected(old('parent_id', $navItem->parent_id ?? '') == $id)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('parent_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label">Order</label>
                <input type="number" name="order" class="form-control @error('order') is-invalid @enderror" value="{{ old('order', $navItem->order ?? 0) }}">
                @error('order') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6 d-flex align-items-end">
                <div class="form-check">
                    <input type="hidden" name="is_active" value="0">
                    <input type="checkbox" name="is_active" id="is_active" class="form-check-input" value="1" @checked(old('is_active', $navItem->is_active ?? true))>
                    <label for="is_active" class="form-check-label">Active</label>
                </div>
            </div>
        </div>
    </div>

    <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary text-white">{{ $isEdit ? 'Save Changes' : 'Create' }}</button>
        <a href="{{ route('admin.nav-items.index') }}" class="btn btn-outline-secondary">Cancel</a>
    </div>
</form>