@php
    $query = request()->query();
    $tilesQuery = array_merge($query, ['view' => 'tiles', 'page' => 1]);
    $listQuery = array_merge($query, ['view' => 'list', 'page' => 1]);

    $statsLinks = [
        'assigned' => array_merge($query, ['preset' => 'assigned', 'status_scope' => 'all', 'result_filter' => 'all', 'page' => 1]),
        'passed' => array_merge($query, ['preset' => 'passed', 'status_scope' => 'all', 'result_filter' => 'passed', 'page' => 1]),
        'todo' => array_merge($query, ['preset' => 'todo', 'status_scope' => 'all', 'result_filter' => 'todo', 'page' => 1]),
        'not_passed' => array_merge($query, ['preset' => 'not_passed', 'status_scope' => 'all', 'result_filter' => 'not_passed', 'page' => 1]),
        'not_opened' => array_merge($query, ['preset' => 'not_opened', 'status_scope' => 'all', 'result_filter' => 'not_opened', 'page' => 1]),
    ];

    $currentResult = (string)($filters['result_filter'] ?? 'all');
    $currentStatus = (string)($filters['status_scope'] ?? 'active');

    // Klikalne statystyki ustawiajace filtry widoku.
    $items = [
        [
            'nazwa' => 'Do zrobienia',
            'value' => 'todo_total',
            'icon' => '<i class="fas fa-tasks"></i>',
            'class' => $currentResult === 'todo' ? 'is-active' : '',
            'link' => 'todo',
            'icon_color' => '#F6D365',
        ],
        [
            'nazwa' => 'Przypisane',
            'value' => 'assigned_total',
            'icon' => '<i class="fas fa-clipboard-list"></i>',
            'class' => $currentResult === 'all' && $currentStatus === 'all' ? 'is-active' : '',
            'link' => 'assigned',
            'icon_color' => '#6EA8FE',
        ],
        [
            'nazwa' => 'Zaliczone',
            'value' => 'passed_total',
            'icon' => '<i class="fas fa-check-circle"></i>',
            'class' => $currentResult === 'passed' ? 'is-active' : '',
            'link' => 'passed',
            'icon_color' => '#B1DFBC',
        ],
        [
            'nazwa' => 'Niezaliczone',
            'value' => 'not_passed_total',
            'icon' => '<i class="fas fa-exclamation-circle"></i>',
            'class' => $currentResult === 'not_passed' ? 'is-active' : '',
            'link' => 'not_passed',
            'icon_color' => '#EFA4AB',
        ],
        [
            'nazwa' => 'Bez wejscia',
            'value' => 'not_opened_total',
            'icon' => '<i class="far fa-eye-slash"></i>',
            'class' => $currentResult === 'not_opened' ? 'is-active' : '',
            'link' => 'not_opened',
            'icon_color' => '#A7ACB1',
        ],
    ];
@endphp

<div class="d-flex justify-content-between align-items-start flex-wrap mb-3">
    <div>
        <h4 class="mb-1">Moje szkolenia</h4>
        <div class="text-muted small">
            {{ $person->nazwisko }} {{ $person->imie }} (ID osoby: {{ $person->id }})
        </div>
    </div>

    {{-- Klikalne statystyki ustawiajace filtry widoku. --}}
    <div class="row w-75 mb-3" style="height: 10vh;">
        @foreach ($items as $item)
            <div class="stats-item-col col-md-6 mb-3">
                <a class="card stat-card stat-card-assigned {{ $item['class'] }} js-my-trainings-link" href="{{ route('szkolenia.user.my-trainings', $statsLinks[ $item['link'] ]) }}" style="min-height: unset;">
                    <div class="card-body row" style="align-items: flex-end; align-content: center; justify-content: center;">
                        <div class="fa-3x" style="margin-right: 1rem; color:{{ $item['icon_color'] }}">{!! $item['icon'] !!}</div>
                        <div>
                            <div class="stat-value">{{ (int)($stats[ $item['value'] ] ?? 0) }}</div>
                            <div class="stat-label">{{ $item['nazwa'] }}</div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>

    <div class="btn-group mt-2 mt-md-0" role="group" aria-label="Przelacznik widoku">
        <a class="btn btn-sm {{ $viewMode === 'tiles' ? 'btn-primary' : 'btn-outline-primary' }} js-my-trainings-link" href="{{ route('szkolenia.user.my-trainings', $tilesQuery) }}" style="font-size: 1.3rem;">
            <i class="fas fa-th-large mr-1"></i>Kafelki
        </a>
        <a class="btn btn-sm {{ $viewMode === 'list' ? 'btn-primary' : 'btn-outline-primary' }} js-my-trainings-link" href="{{ route('szkolenia.user.my-trainings', $listQuery) }}" style="font-size: 1.3rem;">
            <i class="fas fa-list mr-1"></i>Lista
        </a>
    </div>
</div>