{{-- resources/views/wiki/partials/filter_list.blade.php --}}

@php
    $filters = $filters ?? [
        'q' => request('q', ''),
        'rarity' => request('rarity', ''),
        'faction' => request('faction', ''),
        'min_level' => request('min_level', ''),
        'max_level' => request('max_level', ''),
        'item_type' => request('item_type', ''),
        'sort' => request('sort', 'id_asc'),
    ];

    $items = $items ?? [];
    $isPaginator = $items instanceof \Illuminate\Pagination\LengthAwarePaginator
        || $items instanceof \Illuminate\Contracts\Pagination\Paginator
        || $items instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator;
    $itemCount = is_array($items) ? count($items) : (is_object($items) && method_exists($items, 'count') ? $items->count() : 0);
    $rarities = $rarities ?? [];
    $itemTypes = $itemTypes ?? [];
    $factions = $factions ?? [];

    // Support enums or plain strings
    $val = fn($x) => is_object($x) && isset($x->value) ? (string) $x->value : (string) $x;
    $label = function ($x) {
        if (is_object($x)) {
            if (method_exists($x, 'label'))
                return (string) $x->label();
            if (isset($x->value))
                return ucfirst((string) $x->value);
        }
        $s = (string) $x;
        return $s === '' ? '' : ucfirst($s);
    };

    // Build option maps value => label for custom dropdowns
    $rarOpts = [];
    foreach ($rarities as $r) {
        $v = $val($r);
        if ($v === '')
            continue;
        $rarOpts[$v] = $label($r);
    }

    $facOpts = [];
    foreach ($factions as $f) {
        $v = $val($f);
        if ($v === '')
            continue;
        // faction labels are already Title Case typically
        $facOpts[$v] = is_object($f) && method_exists($f, 'label') ? (string) $f->label() : (string) $v;
    }

    $sortOpts = [
        'id_asc' => 'ID (low→high)',
        'id_desc' => 'ID (high→low)',
        'name_asc' => 'Name (A→Z)',
        'name_desc' => 'Name (Z→A)',
        'level_asc' => 'Level (low→high)',
        'level_desc' => 'Level (high→low)',
        'rarity_asc' => 'Rarity (low→high)',
        'rarity_desc' => 'Rarity (high→low)',
    ];

    $rarSelected = (string) ($filters['rarity'] ?? '');
    $facSelected = (string) ($filters['faction'] ?? '');
    $typeSelected = (string) ($filters['item_type'] ?? '');
    $sortSelected = (string) ($filters['sort'] ?? 'id_asc');
@endphp

<div class="wk-cat">
    <details class="wk-filter-toggle">
        <summary class="wk-filter-toggle__summary">Filters</summary>
        <form method="GET" class="wk-cat__filter">
            {{-- Search --}}
            <div class="wk-cat__row wk-cat__row--one">
                <input class="wk-cat__input" name="q" value="{{ $filters['q'] }}" placeholder="Search name…"
                    autocomplete="off" />
            </div>

            {{-- Levels --}}
            <div class="wk-cat__row wk-cat__row--two">
                <input class="wk-cat__input" name="min_level" value="{{ $filters['min_level'] }}" placeholder="Min level"
                    inputmode="numeric" autocomplete="off" />
                <input class="wk-cat__input" name="max_level" value="{{ $filters['max_level'] }}" placeholder="Max level"
                    inputmode="numeric" autocomplete="off" />
            </div>

            {{-- Item type --}}
            @if(!empty($itemTypes))
                <div class="wk-cat__row wk-cat__row--one">
                    <div class="wk-dd" data-dd>
                        <select class="wk-dd__native" name="item_type" aria-hidden="true" tabindex="-1">
                            <option value="">All types</option>
                            @foreach($itemTypes as $type)
                                <option value="{{ $type }}" @selected($typeSelected === $type)>{{ $type }}</option>
                            @endforeach
                        </select>

                        <button type="button" class="wk-dd__btn" data-dd-btn>
                            <span class="wk-dd__btnText">
                                {{ $typeSelected !== '' ? $typeSelected : 'All types' }}
                            </span>
                            <span class="wk-dd__chev" aria-hidden="true"></span>
                        </button>

                        <div class="wk-dd__menu" data-dd-menu role="listbox">
                            <button type="button" class="wk-dd__opt {{ $typeSelected === '' ? 'is-active' : '' }}" data-dd-opt
                                data-value="">
                                All types
                            </button>
                            @foreach($itemTypes as $type)
                                <button type="button" class="wk-dd__opt {{ $typeSelected === $type ? 'is-active' : '' }}" data-dd-opt
                                    data-value="{{ $type }}">
                                    {{ $type }}
                                </button>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif

            {{-- Custom Dropdowns: Rarity + Faction --}}
            <div class="wk-cat__row wk-cat__row--two">

                {{-- Rarity dropdown --}}
                <div class="wk-dd" data-dd>
                    <select class="wk-dd__native" name="rarity" aria-hidden="true" tabindex="-1">
                        <option value="">All rarities</option>
                        @foreach($rarOpts as $v => $lbl)
                            <option value="{{ $v }}" @selected($rarSelected === $v)>{{ $lbl }}</option>
                        @endforeach
                    </select>

                    <button type="button" class="wk-dd__btn" data-dd-btn>
                        <span class="wk-dd__btnText">
                            {{ $rarSelected !== '' ? ($rarOpts[$rarSelected] ?? ucfirst($rarSelected)) : 'All rarities' }}
                        </span>
                        <span class="wk-dd__chev" aria-hidden="true"></span>
                    </button>

                    <div class="wk-dd__menu" data-dd-menu role="listbox">
                        <button type="button" class="wk-dd__opt {{ $rarSelected === '' ? 'is-active' : '' }}" data-dd-opt
                            data-value="">
                            All rarities
                        </button>
                        @foreach($rarOpts as $v => $lbl)
                            <button type="button" class="wk-dd__opt {{ $rarSelected === $v ? 'is-active' : '' }}" data-dd-opt
                                data-value="{{ $v }}">
                                {{ $lbl }}
                            </button>
                        @endforeach
                    </div>
                </div>

                {{-- Faction dropdown --}}
                <div class="wk-dd" data-dd>
                    <select class="wk-dd__native" name="faction" aria-hidden="true" tabindex="-1">
                        <option value="">All factions</option>
                        @foreach($facOpts as $v => $lbl)
                            <option value="{{ $v }}" @selected($facSelected === $v)>{{ $lbl }}</option>
                        @endforeach
                    </select>

                    <button type="button" class="wk-dd__btn" data-dd-btn>
                        <span class="wk-dd__btnText">
                            {{ $facSelected !== '' ? ($facOpts[$facSelected] ?? $facSelected) : 'All factions' }}
                        </span>
                        <span class="wk-dd__chev" aria-hidden="true"></span>
                    </button>

                    <div class="wk-dd__menu" data-dd-menu role="listbox">
                        <button type="button" class="wk-dd__opt {{ $facSelected === '' ? 'is-active' : '' }}" data-dd-opt
                            data-value="">
                            All factions
                        </button>
                        @foreach($facOpts as $v => $lbl)
                            <button type="button" class="wk-dd__opt {{ $facSelected === $v ? 'is-active' : '' }}" data-dd-opt
                                data-value="{{ $v }}">
                                {{ $lbl }}
                            </button>
                        @endforeach
                    </div>
                </div>

            </div>

            {{-- Custom Dropdown: Sort + Submit --}}
            <div class="wk-cat__row wk-cat__row--two">

                <div class="wk-dd" data-dd>
                    <select class="wk-dd__native" name="sort" aria-hidden="true" tabindex="-1">
                        @foreach($sortOpts as $v => $lbl)
                            <option value="{{ $v }}" @selected($sortSelected === $v)>{{ $lbl }}</option>
                        @endforeach
                    </select>

                    <button type="button" class="wk-dd__btn" data-dd-btn>
                        <span class="wk-dd__btnText">
                            {{ $sortOpts[$sortSelected] ?? 'ID (low→high)' }}
                        </span>
                        <span class="wk-dd__chev" aria-hidden="true"></span>
                    </button>

                    <div class="wk-dd__menu" data-dd-menu role="listbox">
                        @foreach($sortOpts as $v => $lbl)
                            <button type="button" class="wk-dd__opt {{ $sortSelected === $v ? 'is-active' : '' }}" data-dd-opt
                                data-value="{{ $v }}">
                                {{ $lbl }}
                            </button>
                        @endforeach
                    </div>
                </div>

                <button class="wk-cat__btn" type="submit">Apply filters</button>
            </div>
        </form>
    </details>

    {{-- Results --}}
    @if($itemCount === 0)
        <p class="wk-cat__empty">No items found.</p>
    @else
        <div class="wk-list">
            <div class="wk-list__head">
                <div class="wk-list__col wk-list__col--name">Name</div>
                <div class="wk-list__col wk-list__col--lvl">Level</div>
                <div class="wk-list__col wk-list__col--rar">Rarity</div>
                <div class="wk-list__col wk-list__col--fac">Faction</div>
            </div>

            @foreach($items as $it)
                @php
                    $id = (string) ($it['id'] ?? '');
                    $href = url('/wiki/' . $game . '/items/' . $category . '/' . $id);

                    $name = trim((string) ($it['name'] ?? ''));
                    if ($name === '') {
                        $name = $id;
                    }
                    $icon = $it['icon'] ?? null;

                    $rar = strtolower((string) ($it['rarity'] ?? ''));
                    $fac = strtolower((string) ($it['faction'] ?? ''));

                    $rClass = $rar ? 'wk-q-' . $rar : '';
                    $fClass = $fac ? 'wk-f-' . $fac : '';

                    $lvl = (int) ($it['level_requirement'] ?? 0);
                    $isStack = filter_var($it['stackable'] ?? false, FILTER_VALIDATE_BOOLEAN);
                @endphp

                <a class="wk-row {{ $isStack ? 'is-stack' : 'is-gear' }}" href="{{ $href }}">
                    <div class="wk-row__name">
                        <span class="wk-row__icon {{ $isStack ? 'is-stack' : 'is-gear' }}">
                            @if($icon)<img src="{{ $icon }}" alt="{{ $name }}" draggable="false">@endif
                        </span>
                        <span class="wk-row__title {{ $rClass }}">{{ $name }}</span>
                    </div>

                    <div class="wk-row__lvl">{{ $lvl ?: '-' }}</div>
                    <div class="wk-row__rar {{ $rClass }}">{{ $rar ? ucfirst($rar) : '-' }}</div>
                    <div class="wk-row__fac {{ $fClass }}">{{ $it['faction'] ?? '-' }}</div>
                </a>
            @endforeach
        </div>

        @if($isPaginator && method_exists($items, 'lastPage') && $items->lastPage() > 1)
            <nav class="wk-map-pager" aria-label="Items pagination">
                @php
                    $q = request()->query();
                    $current = $items->currentPage();
                    $last = $items->lastPage();
                    $start = max(1, $current - 2);
                    $end = min($last, $current + 2);
                @endphp

                @if($current > 1)
                    <a class="wk-map-pager__link" href="{{ url()->current() . '?' . http_build_query(array_merge($q, ['page' => $current - 1])) }}">Prev</a>
                @endif

                @for($i = $start; $i <= $end; $i++)
                    <a class="wk-map-pager__link {{ $i === $current ? 'is-active' : '' }}"
                        href="{{ url()->current() . '?' . http_build_query(array_merge($q, ['page' => $i])) }}">
                        {{ $i }}
                    </a>
                @endfor

                @if($current < $last)
                    <a class="wk-map-pager__link" href="{{ url()->current() . '?' . http_build_query(array_merge($q, ['page' => $current + 1])) }}">Next</a>
                @endif
            </nav>
        @endif
    @endif
</div>