@if ($canMoveUp)
    <form method="post" action="{{ route('menus.reorder', $menuItem) }}" class="inline-flex">
        @csrf
        @method('PATCH')
        <input type="hidden" name="direction" value="up">
        <button type="submit" class="inline-flex rounded border border-slate-300 p-1 text-slate-700 hover:bg-slate-50" aria-label="เลื่อนขึ้น">
            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
            </svg>
        </button>
    </form>
@endif
@if ($canMoveDown)
    <form method="post" action="{{ route('menus.reorder', $menuItem) }}" class="inline-flex">
        @csrf
        @method('PATCH')
        <input type="hidden" name="direction" value="down">
        <button type="submit" class="inline-flex rounded border border-slate-300 p-1 text-slate-700 hover:bg-slate-50" aria-label="เลื่อนลง">
            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </button>
    </form>
@endif