@auth
    <!-- ショートカット表示（AJAX版） -->
    <div id="shortcut-bookmark-list" class="[&>a:not(:last-child)]:border-b">
        <div class="text-center py-2 text-gray-500 text-sm">
            読み込み中...
        </div>
    </div>
@else
    <!-- 未ログイン状態：デフォルトリンク -->
    <div class="[&>a:not(:last-child)]:border-b">
        <x-dropdown-link :href="route('orders.index')">
            <i class="fa-solid fa-angle-right"></i>&emsp;受注一覧
        </x-dropdown-link>
        <x-dropdown-link :href="route('orders.create')">
            <i class="fa-solid fa-angle-right"></i>&emsp;受注入力
        </x-dropdown-link>
    </div>
@endauth

@auth
<script>
document.addEventListener('DOMContentLoaded', function() {
    loadBookmarkShortcuts();

    // BroadcastChannelでリアルタイム更新
    if (window.BroadcastChannel) {
        const channel = new BroadcastChannel('shortcut-updates');
        channel.addEventListener('message', function(event) {
            if (event.data.type === 'shortcut-updated') {
                loadBookmarkShortcuts();
            }
        });
    }
});

function loadBookmarkShortcuts() {
    const container = document.getElementById('shortcut-bookmark-list');
    if (!container) return;

    fetch('/shortcuts/list?limit=10', {
        method: 'GET',
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success && data.shortcuts.length > 0) {
            container.innerHTML = data.shortcuts.map(shortcut =>
                `<a href="${shortcut.url}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-200">
                    <i class="${shortcut.icon} fa-fw"></i>&emsp;${shortcut.name}
                </a>`
            ).join('');
        } else {
            container.innerHTML = `
                <div class="px-4 py-3 text-sm text-gray-500 text-center">
                    ショートカットがありません
                </div>`;
        }
    })
    .catch(error => {
        console.error('Bookmark shortcuts load failed:', error);
        container.innerHTML = `
            <div class="text-center py-2 text-gray-500 text-sm">
                読み込みに失敗しました
            </div>`;
    });
}
</script>
@endauth