@extends('layouts.admin')
@section('page-title', 'Menu Navigasi')

@section('header-actions')
    <a href="{{ route('admin.menus.create', ['brand_id' => $brandId]) }}" class="btn-admin-primary">+ Tambah Menu</a>
@endsection

@section('content')
<div class="filter-bar">
    <select class="form-select select-brand"
            onchange="window.location.href='?brand_id=' + this.value">
        <option value="">-- Pilih Brand --</option>
        @foreach ($brands as $brand)
            <option value="{{ $brand->id }}" {{ $brandId == $brand->id ? 'selected' : '' }}>
                {{ $brand->name }}
            </option>
        @endforeach
    </select>
</div>

@if ($brandId)
<div class="admin-table-wrap">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Urutan</th>
                <th>Label</th>
                <th>Slug / URL</th>
                <th>Parent</th>
                <th>Status</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($menus as $menu)
                <tr>
                    <td class="drag-handle">⣿ {{ $menu->sort_order }}</td>
                    <td>
                        @if ($menu->parent_id)
                            <span style="color:var(--muted); margin-right:6px;">↳</span>
                        @endif
                        <strong>{{ $menu->label }}</strong>
                    </td>
                    <td>
                        @if ($menu->url)
                            <code>{{ $menu->url }}</code>
                        @else
                            <code>/{{ optional($menu->brand)->slug }}/{{ $menu->slug }}</code>
                        @endif
                    </td>
                    <td>{{ optional($menu->parent)->label ?? '—' }}</td>
                    <td>
                        <span class="badge {{ $menu->is_active ? 'badge-active' : 'badge-inactive' }}">
                            {{ $menu->is_active ? 'Aktif' : 'Nonaktif' }}
                        </span>
                    </td>
                    <td>
                        <div class="action-btns">
                            <a href="{{ route('admin.menus.edit', $menu) }}" class="btn-sm btn-edit">Edit</a>
                            <form method="POST" action="{{ route('admin.menus.destroy', $menu) }}"
                                  onsubmit="return confirm('Hapus menu ini?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn-sm btn-danger">Hapus</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="table-empty">
                        Belum ada menu.
                        <a href="{{ route('admin.menus.create', ['brand_id' => $brandId]) }}">Tambah sekarang</a>.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@else
    <div style="text-align:center; padding:60px; color:var(--muted);">
        <p style="font-size:32px; margin-bottom:12px;">☰</p>
        <p>Pilih brand terlebih dahulu.</p>
    </div>
@endif
@endsection