@php
    /*
    | Minimalny stepper (tylko wizualizacja)
    |---------------------------------------
    | Uzycie:
    | @include('components.training.wizard-stepper-minimal', [
    |   'trainingId' => (int)($data->id ?? 0)
    | ])
    */
    $trainingId = (int)($trainingId ?? 0);
    $lockParticipantsManage = (bool) ($lockParticipantsManage ?? false);
    $participantsLockReason = trim((string) ($participantsLockReason ?? ''));
    if ($participantsLockReason === '') {
        $participantsLockReason = 'Dodawanie uczestnikow jest aktualnie zablokowane.';
    }

    $materialsStepUrl = $trainingId > 0 ? url('/szkolenia/admin/trainings/'.$trainingId) : '#';
    $testStepUrl = $trainingId > 0 ? url('/szkolenia/admin/tests/create/'.$trainingId) : '#';

    // Domyslnie wszystko "niegotowe".
    $steps = [false, false, false, false, false, false];

    if ($trainingId > 0 && \Illuminate\Support\Facades\Schema::hasTable('t051_szkolenia')) {
        $training = DB::table('t051_szkolenia')
            ->where('id', $trainingId)
            ->first();

        if (!empty($training)) {
            $isElearning = (int)($training->forma_szkolenia ?? -1) === 0;
            $placeNormalized = trim(mb_strtolower((string)($training->miejsce_szkolenia ?? ''), 'UTF-8'));
            $isInternalPlace = strpos($placeNormalized, 'szkolenie wewn') !== false;
            $checkElearningInternal = $isElearning && $isInternalPlace;

            $checkTopicAndGoal = trim((string)($training->temat ?? '')) !== ''
                && trim((string)($training->cel_szkolenia_opis ?? '')) !== '';

            $checkSchedule = !empty($training->data)
                && !empty($training->godzina_start)
                && !empty($training->data_do)
                && !empty($training->godzina_stop);

            $materialsCount = 0;
            if (\Illuminate\Support\Facades\Schema::hasTable('t056_szkolenie_materialy')) {
                $materialsCount = (int) DB::table('t056_szkolenie_materialy')
                    ->where('id_szkolenie', $trainingId)
                    ->count();
            }
            $introExists = \Illuminate\Support\Facades\Schema::hasColumn('t051_szkolenia', 'wprowadzenie_html')
                && trim((string)($training->wprowadzenie_html ?? '')) !== '';
            $checkMaterials = $materialsCount > 0 || $introExists;

            $checkActiveTest = false;
            if (\Illuminate\Support\Facades\Schema::hasTable('t057_testy')) {
                $test = DB::table('t057_testy')
                    ->where('id_szkolenie', $trainingId)
                    ->orderBy('id', 'asc')
                    ->first();
                $checkActiveTest = !empty($test) && (int)($test->status_aktywny ?? 0) === 1;
                if (!empty($test) && !empty($test->id)) {
                    $testStepUrl = url('/szkolenia/admin/tests/'.$test->id.'/edit');
                }
            }

            $participantsCount = 0;
            // Krok 6: uznajemy za wykonany, gdy istnieje co najmniej jedno przypisanie
            // w tabeli relacyjnej t052_szkolenie_osoba.
            if (\Illuminate\Support\Facades\Schema::hasTable('t052_szkolenie_osoba')) {
                $participantsCount = (int) DB::table('t052_szkolenie_osoba')
                    ->where('id_szkolenie', $trainingId)
                    ->whereNotNull('id_osoba')
                    ->distinct()
                    ->count('id_osoba');
            }
            $checkParticipants = $participantsCount > 0;

            $steps = [
                $checkElearningInternal,
                $checkTopicAndGoal,
                $checkSchedule,
                $checkMaterials,
                $checkActiveTest,
                $checkParticipants,
            ];
        }
    }

    // Opisy kroków wyświetlane w tooltipie.
    $stepTitles = [
        0 => 'Tryb e-Learning + miejsce Szkolenie Wewnętrzne',
        1 => 'Temat i cel szkolenia',
        2 => 'Harmonogram (daty i godziny)',
        3 => 'Materiały szkoleniowe',
        4 => 'Aktywny test',
        5 => 'Lista uczestnikow',
    ];
@endphp

<div class="wizard-minimal-stepper">
    @foreach($steps as $index => $isDone)
        @php
            $stepNo = $index + 1;
            $done = (bool)$isDone;
            $stepTitle = $stepTitles[$index] ?? ('Krok '.$stepNo);
        @endphp

        <div class="wizard-min-step {{ $done ? 'is-done' : 'is-pending' }}">
            <button type="button"
                    class="wizard-min-circle wizard-min-circle-btn wizard-min-tooltip"
                    data-toggle="tooltip"
                    title="{{ $stepTitle }}"
                    onclick='handleTrainingWizardStepClick({{ $trainingId }}, {{ $stepNo }}, @json($materialsStepUrl), @json($testStepUrl), @json($lockParticipantsManage), @json($participantsLockReason))'>
                @if($done)
                    <i class="fas fa-check"></i>
                @else
                    {{ $stepNo }}
                @endif
            </button>
            <span class="wizard-min-label">{{ $stepNo }}</span>
        </div>

        @if(!$loop->last)
            <span class="wizard-min-line {{ $done ? 'is-done' : '' }}"></span>
        @endif
    @endforeach
</div>

@if($trainingId > 0)
    @include('components.training.wizard-stepper-edit-modal', [
        'trainingId' => $trainingId,
        'modalId' => 'TrainingStepEditModal_'.$trainingId,
        'lockParticipantsManage' => $lockParticipantsManage,
        'participantsLockReason' => $participantsLockReason,
    ])
@endif

@once
    <style>
        .wizard-minimal-stepper {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: .35rem;
            flex-wrap: nowrap;
            width: 100%;
            overflow-x: auto;
            padding: .2rem 0;
        }
        .wizard-min-step {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 54px;
            flex: 0 0 auto;
        }
        .wizard-min-circle {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: 2px solid #c7d3df;
            background: #ffffff;
            color: #7a8799;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            font-weight: 700;
            cursor: help;
        }
        .wizard-min-circle-btn {
            appearance: none;
            -webkit-appearance: none;
            padding: 0;
            outline: none;
        }
        .wizard-min-circle-btn:focus {
            box-shadow: 0 0 0 0.15rem rgba(64, 136, 212, .25);
        }
        .wizard-min-step.is-done .wizard-min-circle {
            background: #2f9d56;
            border-color: #2f9d56;
            color: #fff;
        }
        .wizard-min-line {
            margin-top: 19px;
            width: 40px;
            height: 3px;
            border-radius: 3px;
            background: #cfd7e3;
            flex: 0 0 auto;
        }
        .wizard-min-line.is-done {
            background: #79bc91;
        }
        .wizard-min-label {
            margin-top: .32rem;
            font-size: .72rem;
            color: #66758b;
            line-height: 1;
            font-weight: 500;
        }
    </style>
@endonce

@once
    @push('scripts')
        <script>
            function handleTrainingWizardStepClick(trainingId, stepNo, materialsUrl, testUrl, step6Locked, step6LockReason) {
                var step = parseInt(stepNo, 10) || 1;

                // Krok 4: przekierowanie do materiałów szkolenia.
                if (step === 4) {
                    if (materialsUrl) {
                        window.location.href = materialsUrl;
                    }
                    return;
                }

                // Krok 5: przekierowanie do konfiguracji testu.
                if (step === 5) {
                    if (testUrl) {
                        window.location.href = testUrl;
                    }
                    return;
                }

                // Krok 6: otwarcie modala "Dodaj Uczestnikow (wielopoziomowo)".
                if (step === 6) {
                    if (step6Locked) {
                        var lockReason = step6LockReason || 'Dodawanie uczestnikow jest aktualnie zablokowane.';
                        if (typeof window.my_ShowAppNotification === 'function') {
                            window.my_ShowAppNotification('warning', lockReason);
                        } else {
                            window.alert(lockReason);
                        }
                        return;
                    }

                    if (typeof window.openModalForm === 'function') {
                        window.openModalForm('ModalForm_add_to_training_multi');
                    } else if (typeof window.jQuery !== 'undefined') {
                        window.jQuery('#ModalForm_add_to_training_multi').modal('show');
                    }
                    return;
                }

                // Kroki 1-3: modal edycji kroku.
                if (typeof window.openTrainingStepEditModal === 'function') {
                    window.openTrainingStepEditModal(trainingId, step);
                }
            }

            (function () {
                if (typeof window.jQuery === 'undefined' || typeof window.jQuery.fn.tooltip === 'undefined') {
                    return;
                }
                window.jQuery(function () {
                    var $items = window.jQuery('.wizard-min-tooltip');
                    // Zabezpieczenie przed wielokrotna inicjalizacja (miganie tooltipa).
                    $items.tooltip('dispose');
                    $items.tooltip({
                        container: 'body',
                        trigger: 'hover',
                        placement: 'bottom',
                        fallbackPlacement: [],
                        boundary: 'window',
                        template: '<div class="tooltip wizard-min-tooltip-box" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
                    });
                });
            })();
        </script>
    @endpush
@endonce

@once
    <style>
        /* Tooltip nie może przechwytywac myszy, bo to powoduje miganie. */
        .wizard-min-tooltip-box {
            pointer-events: none;
        }
    </style>
@endonce