@php
    $defaultSettings = [
        'sections' => [
            'materials' => true,
            'verification' => true,
            'analytics' => true,
        ],
        'elements' => [
            'materials_summary' => true,
            'materials_list' => true,
            'verification_summary' => true,
            'verification_metrics' => true,
            'analytics_table' => true,
            'analytics_charts' => true,
        ],
        'participant_lists' => [
            'present' => true,
            'absent' => true,
        ],
        'participant_columns' => [
            'position' => true,
            'department' => true,
            'attendance' => true,
            'score' => true,
            'passed' => true,
            'attempts_checked' => false,
            'best_score' => false,
        ],
        'chart_options' => [
            'type' => 'vertical',
        ],
    ];

    $normalizeBool = function ($value): bool {
        if (is_bool($value)) {
            return $value;
        }
        if (is_numeric($value)) {
            return (int) $value === 1;
        }

        $normalized = strtolower(trim((string) $value));
        return in_array($normalized, ['1', 'true', 'yes', 'on'], true);
    };

    $normalizeChartType = function ($value, $default = 'vertical'): string {
        $normalized = strtolower(trim((string) $value));
        if (!in_array($normalized, ['vertical', 'pie'], true)) {
            $normalized = (string) $default;
        }

        return $normalized;
    };

    $settingsRaw = null;
    if (\Illuminate\Support\Facades\Schema::hasTable('t051_szkolenia')
        && \Illuminate\Support\Facades\Schema::hasColumn('t051_szkolenia', 'raport_ustawienia_json')) {
        $settingsRaw = $data->raport_ustawienia_json ?? null;
    }

    if (($settingsRaw === null || trim((string) $settingsRaw) === '') && isset($data->id)) {
        $settingsPath = 'training/report_settings/'.(int) $data->id.'.json';
        if (\Illuminate\Support\Facades\Storage::disk('local')->exists($settingsPath)) {
            $settingsRaw = \Illuminate\Support\Facades\Storage::disk('local')->get($settingsPath);
        }
    }

    $decodedSettings = null;
    if (is_string($settingsRaw) && trim($settingsRaw) !== '') {
        $decoded = json_decode($settingsRaw, true);
        if (is_array($decoded)) {
            $decodedSettings = $decoded;
        }
    } elseif (is_array($settingsRaw)) {
        $decodedSettings = $settingsRaw;
    }

    $settings = $defaultSettings;
    if (is_array($decodedSettings)) {
        foreach ($defaultSettings as $group => $groupDefaults) {
            $groupInput = is_array($decodedSettings[$group] ?? null) ? $decodedSettings[$group] : [];
            foreach ($groupDefaults as $key => $defaultValue) {
                if (is_bool($defaultValue)) {
                    if (array_key_exists($key, $groupInput)) {
                        $settings[$group][$key] = $normalizeBool($groupInput[$key]);
                    } else {
                        $settings[$group][$key] = (bool) $defaultValue;
                    }
                } else {
                    if ($group === 'chart_options' && $key === 'type') {
                        $settings[$group][$key] = $normalizeChartType(
                            $groupInput[$key] ?? $defaultValue,
                            $defaultValue
                        );
                    } else {
                        $settings[$group][$key] = $groupInput[$key] ?? $defaultValue;
                    }
                }
            }
        }
    }
@endphp

<div class="modal fade show" id="ModalForm_report_settings" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 900px;" role="document">
        <div class="modal-content" style="border-radius: 15px;">
            <form method="POST" action="{{ route('m_szkol_proces_szkolenia_rejestr_form_info_report_settings_save', ['data' => $data->id]) }}">
                @csrf
                <input type="hidden" id="report_settings_return_to" name="return_to" value="{{ url()->full() }}">

                <div class="modal-header card-header card_warning" style="border-radius: 15px 15px 0 0;">
                    <h5 class="modal-title">
                        <i class="fas fa-sliders-h mr-1" aria-hidden="true"></i>
                        Ustawienia raportu szkolenia
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="small text-muted mb-3">
                        Wybierz sekcje i elementy raportu. Sekcje 1-4 pozostaja zawsze obowiazkowe.
                    </div>

                    <div class="card mb-3">
                        <div class="card-body py-2">
                            <div class="font-weight-bold mb-2">Sekcje obowiazkowe (zawsze w raporcie)</div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" checked disabled>
                                <label class="form-check-label">1. Metryczka szkolenia (informacje podstawowe)</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" checked disabled>
                                <label class="form-check-label">2. Cel i zakres szkolenia</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" checked disabled>
                                <label class="form-check-label">3. Przebieg szkolenia</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" checked disabled>
                                <label class="form-check-label">4. Lista uczestnikow (Lp + imie i nazwisko)</label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-2">
                                    <div class="font-weight-bold mb-2">Sekcje opcjonalne raportu</div>

                                    <div class="form-check mb-1">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_section_materials" name="sections[materials]" data-role="section-toggle" data-group="materials" {{ !empty($settings['sections']['materials']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_section_materials">Materialy szkoleniowe</label>
                                    </div>
                                    <div class="ml-4 mb-2">
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-materials" type="checkbox" value="1" id="rs_el_materials_summary" name="elements[materials_summary]" {{ !empty($settings['elements']['materials_summary']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_materials_summary">Podsumowanie materialow</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-materials" type="checkbox" value="1" id="rs_el_materials_list" name="elements[materials_list]" {{ !empty($settings['elements']['materials_list']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_materials_list">Lista materialow</label>
                                        </div>
                                    </div>

                                    <div class="form-check mb-1">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_section_verification" name="sections[verification]" data-role="section-toggle" data-group="verification" {{ !empty($settings['sections']['verification']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_section_verification">Metoda sprawdzenia wiedzy</label>
                                    </div>
                                    <div class="ml-4 mb-2">
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-verification" type="checkbox" value="1" id="rs_el_verification_summary" name="elements[verification_summary]" {{ !empty($settings['elements']['verification_summary']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_verification_summary">Opis metody</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-verification" type="checkbox" value="1" id="rs_el_verification_metrics" name="elements[verification_metrics]" {{ !empty($settings['elements']['verification_metrics']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_verification_metrics">Parametry i statystyki testu</label>
                                        </div>
                                    </div>

                                    <div class="form-check mb-1">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_section_analytics" name="sections[analytics]" data-role="section-toggle" data-group="analytics" {{ !empty($settings['sections']['analytics']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_section_analytics">Podsumowanie analityczne</label>
                                    </div>
                                    <div class="ml-4">
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-analytics" type="checkbox" value="1" id="rs_el_analytics_table" name="elements[analytics_table]" {{ !empty($settings['elements']['analytics_table']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_analytics_table">Tabela wskaznikow</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-analytics" type="checkbox" value="1" id="rs_el_analytics_charts" name="elements[analytics_charts]" {{ !empty($settings['elements']['analytics_charts']) ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_el_analytics_charts">Wykresy</label>
                                        </div>
                                        <div class="small text-muted mt-2">Typ wykresow:</div>
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-analytics" type="radio" value="vertical" id="rs_chart_type_vertical" name="chart_options[type]" {{ (($settings['chart_options']['type'] ?? 'vertical') === 'vertical') ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_chart_type_vertical">Slupkowe pionowe</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input rs-group-analytics" type="radio" value="pie" id="rs_chart_type_pie" name="chart_options[type]" {{ (($settings['chart_options']['type'] ?? 'vertical') === 'pie') ? 'checked' : '' }}>
                                            <label class="form-check-label" for="rs_chart_type_pie">Kolowe (donat)</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-2">
                                    <div class="font-weight-bold mb-2">Lista uczestnikow: zakres list</div>
                                    <div class="small text-muted mb-2">Sekcja 4 raportu moze zawierac oddzielne listy obecnych i nieobecnych.</div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_participant_list_present" name="participant_lists[present]" {{ !empty($settings['participant_lists']['present']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_participant_list_present">Lista obecnych uczestnikow</label>
                                    </div>
                                    <div class="form-check mb-3">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_participant_list_absent" name="participant_lists[absent]" {{ !empty($settings['participant_lists']['absent']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_participant_list_absent">Lista nieobecnych uczestnikow</label>
                                    </div>

                                    <hr class="my-2">
                                    <div class="font-weight-bold mb-2">Lista uczestnikow: dodatkowe kolumny</div>
                                    <div class="small text-muted mb-2">Kolumny "Lp" i "Imie i nazwisko" sa zawsze widoczne.</div>

                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" checked disabled>
                                        <label class="form-check-label">Imie i nazwisko (obowiazkowe)</label>
                                    </div>
                                    <hr class="my-2">

                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_position" name="participant_columns[position]" {{ !empty($settings['participant_columns']['position']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_position">Stanowisko</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_department" name="participant_columns[department]" {{ !empty($settings['participant_columns']['department']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_department">KO</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_attendance" name="participant_columns[attendance]" {{ !empty($settings['participant_columns']['attendance']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_attendance">Obecnosc</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_score" name="participant_columns[score]" {{ !empty($settings['participant_columns']['score']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_score">Ocena</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_passed" name="participant_columns[passed]" {{ !empty($settings['participant_columns']['passed']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_passed">Zaliczono</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_attempts_checked" name="participant_columns[attempts_checked]" {{ !empty($settings['participant_columns']['attempts_checked']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_attempts_checked">Zakonczone podejscia</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" value="1" id="rs_col_best_score" name="participant_columns[best_score]" {{ !empty($settings['participant_columns']['best_score']) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="rs_col_best_score">Najlepszy wynik</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer" style="justify-content: center !important;">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Anuluj</button>
                    <button type="submit" class="btn btn-warning">
                        <i class="fas fa-save mr-1" aria-hidden="true"></i>
                        Zapisz ustawienia raportu
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    (function () {
        function syncReportSettingsGroup(groupName) {
            var $toggle = $('#ModalForm_report_settings [data-role="section-toggle"][data-group="' + groupName + '"]');
            var enabled = $toggle.is(':checked');
            $('#ModalForm_report_settings .rs-group-' + groupName)
                .prop('disabled', !enabled)
                .closest('.form-check')
                .css('opacity', enabled ? '1' : '0.45');
        }

        function syncAllReportSettingsGroups() {
            syncReportSettingsGroup('materials');
            syncReportSettingsGroup('verification');
            syncReportSettingsGroup('analytics');
        }

        $(document).on('change', '#ModalForm_report_settings [data-role="section-toggle"]', function () {
            syncReportSettingsGroup(String($(this).data('group') || ''));
        });

        $(document).on('show.bs.modal', '#ModalForm_report_settings', function () {
            $('#report_settings_return_to').val(window.location.href);
            syncAllReportSettingsGroups();
        });

        $(function () {
            syncAllReportSettingsGroups();
        });
    })();
</script>