@if (isset($gamerHistory) && is_array($gamerHistory) && count($gamerHistory) > 0)
    <div class="history-dropdown" x-show="showHistory" x-transition @mousedown.prevent>
        <ul>
            <template x-for="h in filteredHistory()" :key="h.id">
                <li>
                    <button type="button" class="history-btn" :class="{ 'active': selectedHistoryId === h.id }"
                        @click="loadHistory(h); hideHistory()">
                        <template x-if="Object.keys(h.display_data || {}).length > 0">
                            <div class="history-grid">
                                <template x-for="(value, key) in h.display_data" :key="key">
                                    <span class="hist-pair">
                                        <span class="hist-key" x-text="key"></span>
                                        <span class="hist-val" x-text="value"></span>
                                    </span>
                                </template>
                            </div>
                        </template>
                        <template x-if="Object.keys(h.display_data || {}).length === 0">
                            <div class="history-grid"><span class="hist-key">لا بيانات</span></div>
                        </template>
                    </button>
                </li>
            </template>
        </ul>
    </div>
@else
    <div class="history-dropdown" x-show="showHistory" x-transition>
        <div class="history-dropdown-empty">لا يوجد سجلات سابقة</div>
    </div>
@endif