@php
$filterLabels = [
    'userRole' => 'Filter by User Role',
    'user' => 'Filter by User',
    'game' => 'Filter by Game',
    'balance' => 'Filter by Balance',
    'dateRange' => 'Filter by Date Range'
];

$filterOptions = [
    'userRole' => [
        ['value' => '', 'label' => 'Select Role'],
        ['value' => \App\Models\User::User, 'label' => 'User'],
        ['value' => \App\Models\User::SuperAdmin, 'label' => 'Super Admin'],
        ['value' => \App\Models\User::Administrator, 'label' => 'Administrator']
    ],
    'balance' => [
        ['value' => '', 'label' => 'Select'],
        ['value' => '1', 'label' => 'Added'],
        ['value' => '0', 'label' => 'Deducted']
    ]
];
@endphp

@if($filter === 'userRole')
    <div class="{{$tab['type'] == 'game' ? 'col-md-2' : 'col-md-3'}}">
        <label for="filterUserRole{{ $index + 1 }}" class="form-label">{{ $filterLabels[$filter] }}:</label>
        <select class="form-select filter-select-{{ $index + 1 }}" id="filterUserRole{{ $index + 1 }}">
            @foreach($filterOptions[$filter] as $option)
                <option value="{{ $option['value'] }}">{{ $option['label'] }}</option>
            @endforeach
        </select>
    </div>
@elseif($filter === 'user')
    <div class="{{$tab['type'] == 'game' ? 'col-md-2' : 'col-md-3'}}">
        <label for="filterUser{{ $index + 1 }}" class="form-label">{{ $filterLabels[$filter] }}:</label>
        <select class="form-select filter-select-{{ $index + 1 }} user-select-2" id="filterUser{{ $index + 1 }}">
            <option value="" selected>Select User</option>
            @foreach($users as $u)
                <option value="{{ $u->id }}">{{$u->username}}</option>
            @endforeach
        </select>
    </div>
@elseif($filter === 'game')
    <div class="col-md-3">
        <label for="filterGame{{ $index + 1 }}" class="form-label">{{ $filterLabels[$filter] }}:</label>
        <select class="form-select filter-select-{{ $index + 1 }}" id="filterGame{{ $index + 1 }}">
            <option value="" selected>Select Game</option>
            @foreach($games as $g)
                <option value="{{$g->id}}">{{$g->title}}</option>
            @endforeach
        </select>
    </div>
@elseif($filter === 'balance')
    <div class="{{$tab['type'] == 'game' ? 'col-md-2' : 'col-md-3'}}">
        <label for="filterBalance{{ $index + 1 }}" class="form-label">{{ $filterLabels[$filter] }}:</label>
        <select class="form-select filter-select-{{ $index + 1 }}" id="filterBalance{{ $index + 1 }}">
            @foreach($filterOptions[$filter] as $option)
                <option value="{{ $option['value'] }}">{{ $option['label'] }}</option>
            @endforeach
        </select>
    </div>
@elseif($filter === 'dateRange')
    <div class="col-md-3">
        <label for="dateRange{{ $index + 1 }}" class="form-label">{{ $filterLabels[$filter] }}:</label>
        <div id="reportrange{{ $index + 1 }}"
             style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
            <i class="fa fa-calendar"></i>&nbsp;
            <span class="filter-select-{{ $index + 1 }}"></span> <i class="fa fa-caret-down"></i>
        </div>
    </div>
@endif