@php
    $isActive = isset($active) && $active;
    $t = \App\Helpers\TranslationHelper::getUserTranslations();
@endphp

<div class="tab-pane fade {{ $isActive ? 'show active' : '' }}" id="wizard-{{ $dayKey }}-pane" role="tabpanel" aria-labelledby="wizard-{{ $dayKey }}-tab" data-day="{{ $dayKey }}">
    <div class="day-config-card">
    <h6>Type de prestation :</h6>
        <div class="tasks-selection">
            <div>
                <input class="task-checkbox" type="radio" name="wizard-{{ $dayKey }}-task" id="wizard-{{ $dayKey }}-nettoyage" data-day="{{ $dayKey }}" data-task="nettoyage">
                <label for="wizard-{{ $dayKey }}-nettoyage">
                    <i class="fas fa-broom"></i>
                    {{ $t['translations']['cleaning']['cleaning_task'] ?? 'Ménage' }}
                </label>
                <div class="time-selection d-none time-selection-cleaning" id="wizard-{{ $dayKey }}-time-selection-cleaning">
                <span class="time-arrow" aria-hidden="true"><i class="fa-solid fa-chevron-down"></i></span>
                <span>Créneaux :</span>
                <div class="time-options-group">
                    <div>
                        <input class="time-checkbox" type="checkbox" id="wizard-{{ $dayKey }}-morning-cleaning" data-day="{{ $dayKey }}" data-time="morning-cleaning">
                        <label for="wizard-{{ $dayKey }}-morning-cleaning">
                            <i class="fas fa-sun"></i>
                            {{ $t['translations']['cleaning']['legend_morning'] ?? 'Matin' }}
                        </label>
                    </div>
                    <div>
                        <input class="time-checkbox" type="checkbox" id="wizard-{{ $dayKey }}-evening-cleaning" data-day="{{ $dayKey }}" data-time="evening-cleaning">
                        <label for="wizard-{{ $dayKey }}-evening-cleaning">
                            <i class="fas fa-moon"></i>
                            {{ $t['translations']['cleaning']['legend_evening'] ?? 'Soir' }}
                        </label>
                    </div>
                </div>
                </div>
            </div>
            <div>
                <input class="task-checkbox" type="radio" name="wizard-{{ $dayKey }}-task" id="wizard-{{ $dayKey }}-poubelle" data-day="{{ $dayKey }}" data-task="poubelle">
                <label for="wizard-{{ $dayKey }}-poubelle">
                    <i class="fas fa-trash"></i>
                    {{ $t['translations']['cleaning']['bin_task'] ?? 'Poubelle' }}
                </label>
                <div class="time-selection d-none time-selection-bin" id="wizard-{{ $dayKey }}-time-selection-bin">
                <span class="time-arrow" aria-hidden="true"><i class="fa-solid fa-chevron-down"></i></span>
                <span>Créneaux :</span>
                <div class="time-options-group">
                    <div>
                        <input class="time-checkbox" type="checkbox" id="wizard-{{ $dayKey }}-morning-bin" data-day="{{ $dayKey }}" data-time="morning-bin">
                        <label for="wizard-{{ $dayKey }}-morning-bin">
                            <i class="fas fa-sun"></i>
                            {{ $t['translations']['cleaning']['legend_morning'] ?? 'Matin' }}
                        </label>
                    </div>
                    <div>
                        <input class="time-checkbox" type="checkbox" id="wizard-{{ $dayKey }}-evening-bin" data-day="{{ $dayKey }}" data-time="evening-bin">
                        <label for="wizard-{{ $dayKey }}-evening-bin">
                            <i class="fas fa-moon"></i>
                            {{ $t['translations']['cleaning']['legend_evening'] ?? 'Soir' }}
                        </label>
                    </div>
                </div>
                </div>
            </div>
            <div>
                <input class="task-checkbox" type="radio" name="wizard-{{ $dayKey }}-task" id="wizard-{{ $dayKey }}-repassage" data-day="{{ $dayKey }}" data-task="repassage">
                <label for="wizard-{{ $dayKey }}-repassage">
                    <i class="fas fa-shirt"></i>
                    {{ $t['translations']['cleaning']['ironing_task'] ?? 'Repassage' }}
                </label>
            </div>
            <div>
                <input class="task-checkbox" type="radio" name="wizard-{{ $dayKey }}-task" id="wizard-{{ $dayKey }}-vaisselle" data-day="{{ $dayKey }}" data-task="vaisselle">
                <label for="wizard-{{ $dayKey }}-vaisselle">
                    <i class="fas fa-utensils"></i>
                    {{ $t['translations']['cleaning']['legend_dishwashing'] ?? 'Vaisselle' }}
                </label>
            </div>
        </div>
    </div>
</div>