@extends('admin.layout')

@section('title', '导航菜单管理')
@section('page-title', '导航菜单管理')
@section('actions')
    <a href="{{ route('admin.menus.create') }}" class="btn btn-primary btn-sm"><x-icon name="plus" :size="16"/> 新建菜单</a>
@endsection

@section('content')
<p class="form-hint mb-4">管理前台顶部导航菜单：可新增、编辑、删除，一键显示/隐藏，并通过上下移调整顺序。排序越小越靠前。</p>

<table class="data-table">
    <thead>
        <tr>
            <th style="width:90px">排序</th>
            <th style="width:90px">显示</th>
            <th>菜单文字</th>
            <th>链接</th>
            <th class="col-op">操作</th>
        </tr>
    </thead>
    <tbody>
    @forelse ($menus as $menu)
        <tr>
            <td class="row-actions">
                <form method="POST" action="{{ route('admin.menus.move', $menu) }}" class="inline">
                    @csrf
                    <input type="hidden" name="direction" value="up">
                    <button class="btn btn-sm" title="上移" {{ $loop->first ? 'disabled' : '' }}><x-icon name="up" :size="16"/></button>
                </form>
                <form method="POST" action="{{ route('admin.menus.move', $menu) }}" class="inline">
                    @csrf
                    <input type="hidden" name="direction" value="down">
                    <button class="btn btn-sm" title="下移" {{ $loop->last ? 'disabled' : '' }}><x-icon name="down" :size="16"/></button>
                </form>
            </td>
            <td>
                <form method="POST" action="{{ route('admin.menus.toggle', $menu) }}" class="inline">
                    @csrf
                    <button class="btn btn-sm {{ $menu->is_visible ? 'btn-primary' : '' }}" title="{{ $menu->is_visible ? '点击隐藏' : '点击显示' }}">
                        {{ $menu->is_visible ? '显示中' : '已隐藏' }}
                    </button>
                </form>
            </td>
            <td>{{ $menu->label }}</td>
            <td><code class="muted">{{ $menu->url }}</code></td>
            <td class="row-actions">
                <a href="{{ route('admin.menus.edit', $menu) }}" class="btn btn-sm"><x-icon name="edit" :size="16"/></a>
                <form method="POST" action="{{ route('admin.menus.destroy', $menu) }}" class="inline" onsubmit="return confirm('确认删除该菜单项？')">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-danger"><x-icon name="trash" :size="16"/></button>
                </form>
            </td>
        </tr>
    @empty
        <tr><td colspan="5" class="muted">暂无菜单项，请点击右上角「新建菜单」。</td></tr>
    @endforelse
    </tbody>
</table>
@endsection