@extends('layouts.menage')

@section('title', "Déclarations")

@push('styles')
<link href="{{ asset('css/pages/menage/declaration/declaration.css') }}?v={{ time() }}" rel="stylesheet">
<link href="{{ asset('css/pages/menage/declaration/declaration-mobile.css') }}?v={{ time() }}" rel="stylesheet">
<link href="{{ asset('css/components/modals.css') }}?v={{ time() }}" rel="stylesheet">
<link href="{{ asset('css/components/client-logo.css') }}?v={{ time() }}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{ asset('js/pages/menage/declaration/declaration.js') }}?v={{ time() }}" defer></script>
@endpush

@section('content')
<div class="declaration-container" data-user-id="{{ auth()->id() }}" data-employment-status="{{ $userEmploymentStatus }}">
    <div class="declaration-header">
        <h1 class="declaration-title" id="declaration-title">
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['title'] ?? 'Déclarations' }}
        </h1>
    </div>

    <div class="month-navigation" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['month_nav_aria'] ?? 'Navigation des mois' }}">
        <button type="button" class="nav-arrow" id="prev-month" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['prev_month_aria'] ?? 'Mois précédent' }}">
            <i class="fas fa-chevron-left"></i>
        </button>
        <div class="current-month" id="current-month" data-month="{{ isset($initialMonthNum) ? (int)$initialMonthNum : (int)date('n') }}" data-year="{{ isset($initialYear) ? (int)$initialYear : (int)date('Y') }}">
            @php
                $t = \App\Helpers\TranslationHelper::getUserTranslations();
                $monthKey = isset($initialMonthKey) ? strtolower($initialMonthKey) : strtolower(date('F'));
                $monthText = $t['translations']['months'][$monthKey] ?? $monthKey;
                // Forcer les mois en minuscule en français pour cohérence
                if (function_exists('mb_strtolower')) {
                    $monthText = mb_strtolower($monthText, 'UTF-8');
                } else {
                    $monthText = strtolower($monthText);
                }
                $yearText = isset($initialYear) ? (int)$initialYear : (int)date('Y');
            @endphp
            {{ $monthText }} {{ $yearText }}
        </div>
        <button type="button" class="nav-arrow" id="next-month" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['next_month_aria'] ?? 'Mois suivant' }}">
            <i class="fas fa-chevron-right"></i>
        </button>
    </div>

    <!-- Tabs: Forfaits / À l'heure (page-level filter, totals remain global) -->
    <div class="radio-inputs w-100" id="pageTypeTabs" role="tablist" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['type_selector'] ?? 'Type d\'affichage' }}">
        <label class="radio" for="page-forfait-tab">
            <input type="radio" id="page-forfait-tab" name="page_declaration_type" value="package" checked />
            <span class="name"><i class="fas fa-tags" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['forfait'] ?? 'Forfait' }}</span>
        </label>
        <label class="radio" for="page-hourly-tab">
            <input type="radio" id="page-hourly-tab" name="page_declaration_type" value="hourly" />
            <span class="name"><i class="fas fa-clock" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['hourly'] ?? "À l'heure" }}</span>
        </label>
    </div>

    <!-- Liste des déclarations pour le mois courant -->
    @php 
        $hasPackages = isset($packageDeclarations) && count($packageDeclarations) > 0;
        $hasEvents = isset($eventDeclarations) && count($eventDeclarations) > 0;
    @endphp
    <div class="declaration-list" id="declaration-list">
        @if($hasPackages)
            @foreach($packageDeclarations as $declaration)
                @include('menage.declaration.partials.package-card', ['declaration' => $declaration])
            @endforeach
        @endif
        
        @if($hasEvents)
            @foreach($eventDeclarations as $declaration)
                @include('menage.declaration.partials.event-card', ['declaration' => $declaration])
            @endforeach
        @endif
        
        {{-- Hourly cards will be loaded via AJAX to avoid flash --}}
    </div>

    <!-- État vide si aucune déclaration pour ce mois (toujours présent, géré par JS) -->
    <div class="no-declaration" id="no-declaration" style="display: none;">
        <div class="no-declaration-icon">
            <i class="fas fa-receipt"></i>
        </div>
        <p class="no-declaration-text" id="no-declaration-text">
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['no_history'] ?? 'Aucune déclaration pour ce mois' }}
        </p>
        <p class="no-declaration-subtitle" id="no-declaration-subtitle">
            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['no_history_subtitle'] ?? 'Ajoutez votre première déclaration' }}
        </p>
    </div>

    <!-- Footer: Totaux du mois (1 ligne: 33% total | 66% texte validation + bouton) -->
    <div class="declaration-footer" id="declaration-footer" aria-live="polite">
        @php
            $validatedTemplate = \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['footer_validated_text'] ?? 'Mois validé le :date';
            $initialValidation = $initialValidation ?? ['is_validated' => false, 'validated_at_iso' => null, 'month_key' => sprintf('%04d-%02d', $initialYear, $initialMonthNum)];
        @endphp
        <div class="footer-left">
            <div class="footer-total-amount">
                <span class="footer-total-label" id="footer-total-label" data-translate="{{ $userEmploymentStatus === 'salarie' ? 'declaration.footer_hours_label' : 'declaration.footer_estimated_total' }}">
                    @if($userEmploymentStatus === 'salarie')
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['footer_hours_label'] ?? 'Heures du mois' }}
                    @else
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['footer_estimated_total'] ?? 'Total' }}
                    @endif
                </span>
                <span class="footer-total-value" id="footer-estimated-total">—</span>
                @if($userEmploymentStatus !== 'salarie')
                <button class="footer-total-eye" id="footer-total-eye" type="button" aria-label="Voir détails">
                    <i class="fas fa-eye"></i>
                </button>
                @endif
            </div>
        </div>
        <div class="footer-right">
            <div class="footer-validation-status"
                 id="footer-validation-status"
                 data-template="{{ $validatedTemplate }}"
                 data-initial-validated="{{ ($initialValidation['is_validated'] ?? false) ? '1' : '0' }}"
                 data-initial-date="{{ $initialValidation['validated_at_iso'] ?? '' }}"
                 data-initial-month="{{ $initialValidation['month_key'] ?? sprintf('%04d-%02d', $initialYear, $initialMonthNum) }}"
                 hidden>
                <span class="footer-validation-title">
                    {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['footer_validated_title'] ?? 'Mois validé' }}
                </span>
                <span class="footer-validation-date" id="footer-validation-date"></span>
            </div>
            
            <!-- Options dropdown button (mobile) -->
            <div class="options-dropdown">
                <button type="button" class="options-button" id="declaration-options-button">
                    <i class="fas fa-ellipsis-h options-menu-icon" aria-hidden="true"></i>
                    <span class="options-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['options_button'] ?? 'Options' }}</span>
                    <i class="fas fa-chevron-up options-caret" aria-hidden="true"></i>
                </button>
                <div class="dropdown-menu" id="declaration-options-dropdown">
                    <button type="button" class="dropdown-item dropdown-add-declaration" onclick="openModal('addDeclarationModal')">
                        <i class="fas fa-plus"></i>
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['add_declaration'] ?? 'Ajouter une déclaration' }}
                    </button>
                    <button type="button" class="dropdown-item dropdown-validate-month" id="validate-month-from-dropdown" disabled>
                        <i class="fas fa-check-circle"></i>
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month'] ?? 'Valider le mois' }}
                    </button>
                </div>
            </div>
            
            <!-- Desktop validate button (hidden on mobile) -->
            <button type="button"
                    class="footer-validate-btn footer-validate-btn-desktop{{ ($initialValidation['is_validated'] ?? false) ? ' hidden' : '' }}"
                    id="validate-month-btn"
                    id="validate-month-trigger">
                <i class="fas fa-check-circle" aria-hidden="true"></i>
                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month'] ?? 'Valider le mois' }}
            </button>
        </div>
    </div>
</div>
@endsection

@push('modals')
<!-- ========================================
     TOUS LES MODALS DE LA PAGE DÉCLARATIONS
     ======================================== -->

<!-- Modal: Ajouter une déclaration -->
<div class="custom-modal" id="addDeclarationModal" tabindex="-1" aria-labelledby="addDeclarationModalLabel" aria-hidden="true"
     data-delete-confirm="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['delete_confirm'] ?? 'Supprimer cette déclaration ? Cette action est irréversible.' }}"
     data-error-generic="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['error_generic'] ?? 'Erreur lors de l’envoi.' }}"
     data-error-free-invalid="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['error_free_invalid'] ?? 'Montant libre invalide.' }}"
     data-error-free-exceeds="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['error_free_exceeds_remaining'] ?? 'Le montant saisi dépasse le montant restant à déclarer pour ce mois.' }}"
     data-client-logo-alt="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['client'] ?? 'Logo client' }}">
    <div class="custom-modal-dialog">
        <div class="custom-modal-content">
            <div class="custom-modal-header">
                <h5 class="custom-modal-title" id="addDeclarationModalLabel">
                    {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['modal_title'] ?? 'Nouvelle déclaration' }}
                </h5>
                <button type="button" class="custom-modal-close" data-dismiss="modal" aria-label="Close">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <form id="addDeclarationForm">
                <div class="custom-modal-body">
                    <!-- Onglets: Forfait / À l'heure (radio-based tabs) -->
                    <div class="radio-inputs w-100" id="declarationTabs" role="tablist" aria-label="Choix du type de déclaration">
                      <label class="radio" for="forfait-tab">
                        <input type="radio" id="forfait-tab" name="declaration_mode" value="forfait" checked />
                        <span class="name"><i class="fas fa-tags" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['forfait'] ?? 'Forfait' }}</span>
                      </label>
                      <label class="radio" for="hourly-tab">
                        <input type="radio" id="hourly-tab" name="declaration_mode" value="hourly" />
                        <span class="name"><i class="fas fa-clock" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['hourly'] ?? "À l'heure" }}</span>
                      </label>
                    </div>

                    <div class="tab-content" id="declarationTabsContent">
                        <div class="tab-pane fade show active" id="forfait-pane" role="tabpanel" aria-labelledby="forfait-tab" tabindex="0">
                            <!-- Étape 1: sélection du forfait -->
                            <div id="forfait-step-1">
                                <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['select_forfait'] ?? 'Sélectionnez le forfait' }}</span>

                                @php
                                    $forfaitContracts = $forfaitContracts ?? [];
                                @endphp

                                <div class="forfait-scroll-container">
                                    <!-- Carte Forfait Événement -->
                                    <div class="forfait-event-card">
                                        <label for="forfait-event" class="forfait-event-label">
                                            <input type="radio" name="forfait_id" class="forfait-radio" value="event" id="forfait-event" />
                                            <div class="forfait-event-icon">
                                                <svg height="512" viewBox="0 0 135.47 135.47" width="512" xmlns="http://www.w3.org/2000/svg">
                                                    <g transform="translate(270.92 270.94)">
                                                        <g transform="translate(-270.93 -270.94)">
                                                            <path d="m1171.4 1066.9c-23.3 0-42.3 19.4-42.3 42.8v10.7h-25.5c-25.6 0-46.5 21-46.5 46.5v279.7c0 25.6 20.9 46.5 46.5 46.5h352.7c25.5 0 46.5-20.9 46.5-46.5v-279.7c0-25.5-21-46.5-46.5-46.5h-25.5v-10.7c0-23.4-19-42.8-42.3-42.8-23.4 0-42.4 19.4-42.4 42.8v10.7h-132.3v-10.7c0-23.4-19-42.8-42.4-42.8zm-67.8 77.5h25.5v8.7c0 23.4 19 42.8 42.3 42.8 23.4 0 42.4-19.4 42.4-42.8v-8.7h132.3v8.7c0 23.4 19 42.8 42.4 42.8 23.3 0 42.3-19.4 42.3-42.8v-8.7h25.5c12.7 0 22.5 9.9 22.5 22.5v45.1h-397.7v-45.1c0-12.6 9.8-22.5 22.5-22.5zm175.5 120.1c4.6-.1 8.8 2.4 10.9 6.5l21.8 42.6 47.5 6.2c9.9 1.3 14 13.3 7 20.4l-33.9 33.9 8.8 47c1.8 9.8-8.4 17.4-17.3 12.9l-42.7-21.7-42.1 22.9c-8.8 4.8-19.2-2.6-17.6-12.4l7.4-47.3-34.8-32.9c-7.2-6.8-3.5-19 6.4-20.6l47.3-7.5 20.6-43.2c2-4.1 6.1-6.8 10.7-6.8z" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.78" transform="matrix(.265 0 0 .265 -270.92 -270.94)" paint-order="fill markers stroke"></path>
                                                        </g>
                                                    </g>
                                                </svg>
                                            </div>
                                            <div class="forfait-event-content">
                                                <div class="forfait-event-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_package_title'] ?? 'Forfait Événement' }}</div>
                                                <div class="forfait-event-description">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_package_description'] ?? 'Prestation événementielle ponctuelle' }}</div>
                                            </div>
                                            <div class="forfait-event-badge">
                                                <i class="fas fa-check"></i>
                                            </div>
                                        </label>
                                    </div>

                                    <div class="forfait-grid">
                                    @forelse($forfaitContracts as $contract)
                                        <label class="forfait-card">
                                            <input type="radio" name="forfait_id" class="forfait-radio" value="{{ $contract->id }}" data-forfait-monthly-amount="{{ isset($contract->monthly_package_amount) && is_numeric($contract->monthly_package_amount) ? (float)$contract->monthly_package_amount : '' }}" data-forfait-weekdays="{{ !empty($contract->weekdays) ? implode(',', $contract->weekdays) : '' }}" />
                                            <div class="forfait-card-body">
                                                <div class="forfait-row-top">
                                                    <div class="forfait-logo">
                                                        <img src="{{ $contract->client_logo_url ?? asset('images/logos/default-client.png') }}" alt="{{ $contract->client_name ?? 'Client' }}" />
                                                    </div>
                                                    <div class="forfait-info">
                                                        <div class="forfait-client-name">{{ $contract->client_name ?? 'Client' }}</div>
                                                    </div>
                                                </div>
                                                @if(!empty($contract->short_address))
                                                    <div class="forfait-address-row">
                                                        <div class="forfait-address">{{ $contract->short_address }}</div>
                                                    </div>
                                                @endif
                                                @php
                                                    $typeClass = !empty($contract->client_type) ? strtolower($contract->client_type) : null;
                                                    $tt = \App\Helpers\TranslationHelper::getUserTranslations();
                                                    $clientTypeLabel = $contract->client_type ?? 'Type';
                                                    if ($typeClass === 'entreprise') {
                                                        $clientTypeLabel = $tt['translations']['declaration']['client_type_entreprise'] ?? 'Entreprise';
                                                    } elseif ($typeClass === 'particulier') {
                                                        $clientTypeLabel = $tt['translations']['declaration']['client_type_particulier'] ?? 'Particulier';
                                                    }
                                                @endphp
                                                @if(!empty($contract->task_type))
                                                    @php
                                                        $rawType = strtolower(trim($contract->task_type));
                                                        switch ($rawType) {
                                                            case 'dishwashing':
                                                                $taskClass = 'vaisselle';
                                                                $taskIcon = 'fa-utensils';
                                                                $legendKey = 'legend_dishwashing';
                                                                $taskKey = 'dishwashing_task';
                                                                $fallback = 'vaisselle';
                                                                break;
                                                            case 'bin':
                                                                $taskClass = 'poubelle';
                                                                $taskIcon = 'fa-trash';
                                                                $legendKey = 'legend_bin';
                                                                $taskKey = 'bin_task';
                                                                $fallback = 'poubelle';
                                                                break;
                                                            case 'ironing':
                                                                $taskClass = 'repassage';
                                                                $taskIcon = 'fa-shirt';
                                                                $legendKey = 'legend_ironing';
                                                                $taskKey = 'ironing_task';
                                                                $fallback = 'repassage';
                                                                break;
                                                            default: // 'cleaning' or fallback
                                                                $taskClass = 'menage';
                                                                $taskIcon = 'fa-broom';
                                                                $legendKey = 'legend_cleaning';
                                                                $taskKey = 'cleaning_task';
                                                                $fallback = 'ménage';
                                                                break;
                                                        }
                                                        $label = $tt['translations']['cleaning'][$legendKey]
                                                            ?? $tt['translations']['cleaning'][$taskKey]
                                                            ?? $fallback;
                                                    @endphp
                                                    <div class="forfait-task-row">
                                                        <div class="service-badge {{ $taskClass }}">
                                                            <i class="fas {{ $taskIcon }}" aria-hidden="true"></i>
                                                            <span>{{ $label }}</span>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="forfait-client-type-row">
                                                    <div class="forfait-client-type {{ $typeClass }}">{{ $clientTypeLabel }}</div>
                                                </div>
                                            </div>
                                        </label>
                                    @empty
                                        <div class="empty-message">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['no_forfait_available'] ?? 'Aucun contrat au forfait disponible' }}</div>
                                    @endforelse
                                    </div>
                                </div>
                            </div>

                            <!-- Étape événement: formulaire spécifique pour forfait événement -->
                            <div id="forfait-event-step" class="hidden">
                                <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_details_title'] ?? 'Détails de la prestation événementielle' }}</span>
                                <div class="forfait-step2-scroll">
                                    <div class="forfait-period-card">
                                        <label for="event-date" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_date_label'] ?? 'Date de la prestation' }}</label>
                                        <input type="date" id="event-date" name="event_date" class="form-control" />
                                    </div>

                                    <div class="forfait-period-card">
                                        <label for="event-client" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_client_label'] ?? 'Client' }}</label>
                                        <div class="custom-select-wrapper">
                                            <select id="event-client-select" name="event_client" class="form-control" style="display: none;">
                                                <option value="">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_select_client'] ?? 'Sélectionnez un client' }}</option>
                                            </select>
                                            <div class="custom-select-trigger">
                                                <span class="custom-select-placeholder">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_select_client'] ?? 'Sélectionnez un client' }}</span>
                                                <i class="fas fa-chevron-down"></i>
                                            </div>
                                            <div class="custom-select-dropdown">
                                                <div class="custom-select-header">
                                                    <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_select_client'] ?? 'Sélectionner un client' }}</span>
                                                    <button type="button" class="custom-select-close">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                </div>
                                                <div class="custom-select-search">
                                                    <i class="fas fa-search"></i>
                                                    <input type="text" placeholder="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_search_client'] ?? 'Rechercher un client...' }}" />
                                                </div>
                                                <div class="custom-select-options">
                                                    <!-- Options will be populated by JS -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="forfait-amount-card">
                                        <div class="forfait-amount-header">
                                            <div class="forfait-amount-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_total_amount'] ?? 'Montant total' }}</div>
                                            <div class="forfait-amount-value" id="event-service-amount">—</div>
                                        </div>
                                        <div class="forfait-amount-note">
                                            <i class="fas fa-info-circle"></i>
                                            <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_amount_note'] ?? 'Ce montant sera divisé entre tous les participants' }}</span>
                                        </div>
                                    </div>

                                    <div class="forfait-share-card">
                                        <div class="forfait-share-header">
                                            <div class="forfait-share-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_participants_title'] ?? 'Participants' }}</div>
                                            <div class="forfait-share-count" id="event-participants-count">—</div>
                                        </div>
                                        <div class="forfait-share-list" id="event-share-list">
                                            <div class="empty-message">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_no_participants'] ?? 'Aucun déclarant pour l\'instant' }}</div>
                                        </div>
                                        <div class="forfait-share-total">
                                            <div>
                                                <div>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_your_share'] ?? 'Votre part :' }}</div>
                                                <div class="forfait-share-note">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['event_provisional_amount'] ?? '(montant provisoire)' }}</div>
                                            </div>
                                            <strong id="event-share-amount">—</strong>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Étape 2: résumé et confirmation (contenu rempli par JS sans générer d'HTML) -->
                            <div id="forfait-step-2" class="hidden">
                                <h6>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['forfait_details'] ?? 'Détails du forfait' }}</h6>
                                <div class="forfait-summary-card">
                                    <div class="forfait-summary-top">
                                        <div class="forfait-summary-logo">
                                            <img id="forfait-summary-logo" src="" alt="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['client'] ?? 'Client' }}" />
                                        </div>
                                        <div class="forfait-summary-main">
                                            <div class="forfait-summary-client-line">
                                                <span class="forfait-summary-text forfait-client-name" id="forfait-summary-client">—</span>
                                                <span class="forfait-summary-text forfait-client-type" id="forfait-summary-client-type">—</span>
                                            </div>
                                            <span class="forfait-summary-text forfait-address" id="forfait-summary-address">—</span>
                                        </div>
                                        <div class="forfait-summary-badge">
                                            <span class="service-badge" id="forfait-summary-task">
                                                <i class="fas" aria-hidden="true"></i>
                                                <span class="label">—</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="forfait-step2-scroll">
                                <div class="forfait-period-card" lang="{{ \App\Helpers\TranslationHelper::getUserTranslations()['language'] ?? 'fr' }}">
                                    <label for="forfait-period" class="field-label forfait-step2-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['period_label'] ?? 'Période (mois)' }}</label>
                                    @php
                                        $userTrans = \App\Helpers\TranslationHelper::getUserTranslations();
                                        $lang = $userTrans['language'] ?? 'fr';
                                        $monthsTrans = $userTrans['translations']['months'] ?? [];
                                        $monthKeys = [1=>'january',2=>'february',3=>'march',4=>'april',5=>'may',6=>'june',7=>'july',8=>'august',9=>'september',10=>'october',11=>'november',12=>'december'];
                                        $currentYm = date('Y-m');
                                        $start = new \DateTime('first day of January last year');
                                        $end = new \DateTime('last day of December next year');
                                    @endphp
                                    <select id="forfait-period" name="forfait_period" class="form-select form-select-sm">
                                        @for ($d = (clone $start); $d <= $end; $d->modify('+1 month'))
                                            @php
                                                $ym = $d->format('Y-m');
                                                $year = $d->format('Y');
                                                $mNum = (int)$d->format('n');
                                                $key = $monthKeys[$mNum] ?? null;
                                                $monthLabel = $key && isset($monthsTrans[$key]) ? $monthsTrans[$key] : strtolower($d->format('F'));
                                            @endphp
                                            <option value="{{ $ym }}" {{ $ym === $currentYm ? 'selected' : '' }}>{{ ucfirst($monthLabel) }} {{ $year }}</option>
                                        @endfor
                                    </select>
                                    <div class="form-text text-muted small forfait-step2-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['period_help'] ?? 'Sélectionnez le mois concerné par la prestation au forfait.' }}</div>
                                </div>

                                <div class="forfait-period-mode">
                                    <span class="field-label forfait-step2-text">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['plage_mode'] ?? 'Plage & Mode' }}</span>
                                    <div class="pill-radio-container" role="tablist" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['plage_mode'] ?? 'Plage & Mode' }}">
                                        <input type="radio" class="form-check-input" name="forfait_period_mode" id="forfait-period-full" value="full" checked />
                                        <label for="forfait-period-full">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['full_month'] ?? 'Mois complet' }}</label>

                                        <input type="radio" class="form-check-input" name="forfait_period_mode" id="forfait-period-custom" value="custom" />
                                        <label for="forfait-period-custom">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['custom_dates'] ?? 'Dates personnalisées' }}</label>

                                        <input type="radio" class="form-check-input" name="forfait_period_mode" id="forfait-period-free" value="free" />
                                        <label for="forfait-period-free">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['free_amount'] ?? 'Montant libre' }}</label>

                                        <div class="pill-indicator" aria-hidden="true"></div>
                                    </div>
                                    <div class="forfait-custom-dates d-none" id="forfait-custom-dates">
                                        <div class="forfait-dates-grid">
                                            <div class="forfait-date-field">
                                                <label for="forfait-start-date" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['custom_start_label'] ?? 'Début' }}</label>
                                                <input type="date" class="form-control form-control-sm" id="forfait-start-date" name="forfait_start_date" value="{{ date('Y-m-01') }}">
                                            </div>
                                            <div class="forfait-date-field">
                                                <label for="forfait-end-date" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['custom_end_label'] ?? 'Fin' }}</label>
                                                <input type="date" class="form-control form-control-sm" id="forfait-end-date" name="forfait_end_date" value="{{ date('Y-m-t') }}">
                                            </div>
                                        </div>
                                        <div class="form-text text-muted small">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['custom_dates_help'] ?? 'Les dates doivent appartenir au mois sélectionné.' }}</div>
                                    </div>
                                    <div class="forfait-free-amount d-none" id="forfait-free-amount">
                                        <div class="forfait-free-grid">
                                            <div class="forfait-free-input-field">
                                                <label for="forfait-free-input" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['free_amount_label'] ?? 'Montant libre (€)' }}</label>
                                                <input type="number" step="0.01" min="0.01" class="form-control form-control-sm" id="forfait-free-input" name="forfait_free_amount" placeholder="0,00">
                                            </div>
                                            <div class="forfait-free-stats small text-muted" id="forfait-free-stats">
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['monthly_total'] ?? 'Total mensuel:' }} <span id="forfait-stats-total">—</span><br>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['already_declared'] ?? 'Déjà déclaré:' }} <span id="forfait-stats-declared">—</span><br>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['remaining'] ?? 'Restant:' }} <span id="forfait-stats-remaining">—</span><br>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['existing_declarations'] ?? 'Déclarations existantes:' }} <span id="forfait-stats-count">—</span>
                                            </div>
                                        </div>
                                        <div class="form-text text-danger d-none" id="forfait-free-error"></div>
                                        <div class="form-text text-muted" id="forfait-free-help">
                                            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['free_help'] ?? 'Vous pouvez proposer un montant libre. Un seuil minimal peut s’appliquer pour garantir une répartition équitable entre tous les déclarants.' }}
                                        </div>
                                    </div>
                                </div>
                                <div class="forfait-amount-card" id="forfait-amount-card"
                                     data-label-full="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['period_full'] ?? 'mois complet' }}"
                                     data-label-custom="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['period_custom'] ?? 'dates personnalisées' }}">
                                    <div class="forfait-amount-header">
                                        <div class="forfait-amount-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['amount_title'] ?? 'Montant du forfait' }}</div>
                                        <div class="forfait-amount-value" id="forfait-amount-display">—</div>
                                    </div>
                                    <div class="small text-muted" id="forfait-days-line" style="display:none;">
                                        <span id="forfait-days-text"
                                              data-text-month-days="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['days_this_month'] ?? 'Jours de ménage ce mois : {count}' }}"
                                              data-text-selected-days="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['days_selected'] ?? 'Jours de ménage sélectionnés : {count}' }}">—</span>
                                    </div>
                                    <div class="forfait-amount-note text-muted small" id="forfait-amount-note"></div>
                                    <div class="forfait-amount-details small" id="forfait-amount-details">
                                        <div id="forfait-amount-details-full" class="d-none">
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['declarants_label'] ?? 'Déclarant(s) :' }} <strong><span id="decl-line-full">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['cap_label'] ?? 'Plafond autorisé :' }} <strong><span id="cap-full">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['your_share_label'] ?? 'Votre part estimée :' }} <strong><span id="forfait-full-share">—</span></strong>
                                            </div>
                                        </div>
                                        <div id="forfait-amount-details-custom" class="d-none">
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['declarants_label'] ?? 'Déclarant(s) :' }} <strong><span id="decl-line-custom">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['cap_label'] ?? 'Plafond autorisé :' }} <strong><span id="cap-custom">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['your_share_label'] ?? 'Votre part estimée :' }} <strong><span id="forfait-custom-share">—</span></strong>
                                            </div>
                                        </div>
                                        <div id="forfait-amount-details-free" class="d-none">
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['declarants_label'] ?? 'Déclarant(s) :' }} <strong><span id="decl-line-free">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['cap_label'] ?? 'Plafond autorisé :' }} <strong><span id="cap-free">—</span></strong>
                                            </div>
                                            <div>
                                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['your_share_label'] ?? 'Votre part estimée :' }} <strong><span id="forfait-details-share">—</span></strong>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-muted small" id="forfait-amount-warning">
                                        <div id="forfait-warning-general">
                                            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['warning_note'] ?? 'Note: le montant affiché correspond au total du forfait pour la période. Il sera réparti entre toutes les personnes de ménage qui déclarent ce forfait pour la même période.' }}
                                        </div>
                                        <div id="forfait-warning-free" class="text-danger d-none"></div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="hourly-pane" role="tabpanel" aria-labelledby="hourly-tab" tabindex="0">
                            <div class="hourly-form">
                                <div class="hourly-card">
                                    <label for="hourly-date" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['select_date'] ?? 'Date' }}</label>
                                    <input type="date" id="hourly-date" name="hourly_date" class="form-control form-control-sm" value="{{ date('Y-m-d') }}" />
                                </div>

                                <div class="hourly-card" id="hourly-task-type">
                                    <span class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['task_type_label'] ?? 'Type de tâche' }}</span>
                                    <div class="pill-radio-container" role="tablist" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['task_type_label'] ?? 'Type de tâche' }}">
                                        <input type="radio" class="form-check-input" name="hourly_task_type" id="hourly-type-cleaning" value="menage" checked />
                                        <label for="hourly-type-cleaning"><i class="fas fa-broom me-1" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['cleaning_task'] ?? 'Ménage' }}</label>

                                        <input type="radio" class="form-check-input" name="hourly_task_type" id="hourly-type-bin" value="poubelle" />
                                        <label for="hourly-type-bin"><i class="fas fa-trash me-1" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['bin_task'] ?? 'Poubelle' }}</label>

                                        <input type="radio" class="form-check-input" name="hourly_task_type" id="hourly-type-ironing" value="repassage" />
                                        <label for="hourly-type-ironing"><i class="fas fa-shirt me-1" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['ironing_task'] ?? 'Repassage' }}</label>

                                        <input type="radio" class="form-check-input" name="hourly_task_type" id="hourly-type-other" value="autre" />
                                        <label for="hourly-type-other"><i class="fas fa-ellipsis-h me-1" aria-hidden="true"></i>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['task_other'] ?? 'Autre' }}</label>

                                        <div class="pill-indicator" aria-hidden="true"></div>
                                    </div>
                                </div>

                                <div class="hourly-card">
                                    <label for="hourly-address" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['interventions']['address'] ?? 'Adresse' }}</label>
                                    
                                    <!-- Custom select pour mobile -->
                                    <div class="custom-address-select">
                                        <button type="button" class="custom-select-trigger" id="hourly-address-trigger">
                                            <span class="custom-select-value">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['select_address_placeholder'] ?? 'Sélectionner une adresse' }}</span>
                                            <i class="fas fa-chevron-down custom-select-arrow"></i>
                                        </button>
                                    </div>
                                    
                                    <!-- Select natif caché (pour la soumission du formulaire) -->
                                    <select id="hourly-address" name="address_id" class="form-select form-select-sm hidden-native-select">
                                        <option value="">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['select_address_placeholder'] ?? 'Sélectionner une adresse' }}</option>
                                        @foreach(($addresses ?? []) as $addr)
                                            @php $rate = isset($addr->hourly_rate) && is_numeric($addr->hourly_rate) ? (float)$addr->hourly_rate : null; @endphp
                                            <option value="{{ $addr->id }}" data-hourly-rate="{{ $rate }}">{{ $addr->short_address ?? 'Adresse' }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="hourly-card">
                                    <div class="hourly-row">
                                        <div class="hourly-col">
                                            <label for="hourly-start" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['start_time'] ?? 'Heure début' }}</label>
                                            <input type="time" id="hourly-start" name="hourly_start" class="form-control form-control-sm" value="08:00" />
                                        </div>
                                        <div class="hourly-col">
                                            <label for="hourly-end" class="field-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['end_time'] ?? 'Heure fin' }}</label>
                                            <input type="time" id="hourly-end" name="hourly_end" class="form-control form-control-sm" value="17:00" />
                                        </div>
                                    </div>

                                    <div id="hourly-break-container"></div>
                                    <div>
                                        <button type="button" id="add-break-btn" class="custom-btn custom-btn-secondary custom-btn-sm">
                                            <i class="fas fa-plus"></i> {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['add_pause'] ?? 'Ajouter une pause' }}
                                        </button>
                                    </div>
                                </div>

                                <!-- Template: champ pause (en heures) avec icône de suppression -->
                                <template id="hourly-break-template">
                                    <div class="hourly-row hourly-break-row" id="hourly-break-row">
                                        <div class="hourly-col">
                                            <label for="hourly-break-hours" class="hourly-break-hours">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['cleaning']['rest_day'] ?? 'Temps de pause (heures)' }}</label>
                                            <input type="number" step="0.25" min="0" max="12" id="hourly-break-hours" name="hourly_break_hours" class="form-control form-control-sm" placeholder="0" />
                                            <div class="form-text text-danger d-none hourly-break-error">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['error_occurred'] ?? 'La pause dépasse la durée travaillée.' }}</div>
                                        </div>
                                        <div class="hourly-col hourly-break-actions">
                                            <button type="button" class="custom-btn custom-btn-danger custom-btn-sm remove-break-btn" aria-label="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['comments']['delete_comment'] ?? 'Supprimer la pause' }}" title="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['comments']['delete_comment'] ?? 'Supprimer la pause' }}">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                </template>

                                @php
                                    $t = \App\Helpers\TranslationHelper::getUserTranslations();
                                    $sep = $t['translations']['schedules']['hour_separator'] ?? 'h';
                                @endphp
                                <div class="hourly-total-time small text-muted hourly-card">
                                    {{ $t['translations']['cleaning']['total_sum'] ?? "Total d'heures:" }} <span id="hourly-total-time-text" data-sep="{{ $sep }}">{{ '0' . $sep . '00' }}</span>
                                </div>
                            </div>
                            <div class="hourly-summary d-none" id="hourly-summary">
                                <div class="hourly-rate">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['hourly_rate_label'] ?? 'Taux horaire:' }} <strong><span id="hourly-rate-text">10,00 €</span></strong></div>
                                <div class="hourly-total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['hourly_total_label'] ?? 'Total:' }} <strong><span id="hourly-total-eur-text">0,00 €</span></strong></div>
                            </div>

                            <!-- Liste des déclarations à l'heure retirée du modal pour éviter l'affichage des cartes dans le popup -->
                        </div>
                    </div>
                </div>
                <div class="custom-modal-footer">
                    <div class="modal-footer-left">
                        <!-- Back button (visible only on Forfait Step 2) -->
                        <button type="button" class="custom-btn custom-btn-secondary d-none" id="forfait-back-footer-btn">
                            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['back'] ?? 'Retour' }}
                        </button>
                        <!-- Cancel button (hidden on Forfait Step 2) -->
                        <button type="button" class="custom-btn custom-btn-secondary" id="cancel-modal-btn" data-dismiss="modal">
                            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['cancel'] ?? 'Annuler' }}
                        </button>
                    </div>
                    <!-- Forfait tab: Suivant -->
                    <button type="submit" class="custom-btn custom-btn-primary" id="next-step-btn" disabled data-label-next="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['next'] ?? 'Suivant' }}" data-label-save="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['save'] ?? 'Enregistrer' }}">
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['next'] ?? 'Suivant' }}
                    </button>
                    <!-- Hourly tab: Enregistrer -->
                    <button type="submit" class="custom-btn custom-btn-primary d-none" id="save-hourly-btn" disabled>
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['save'] ?? 'Enregistrer' }}
                    </button>
                </div>
                
                <!-- Message d'information pour mois validé -->
                <div class="alert alert-warning d-none" id="month-validated-warning" role="alert">
                    <div class="alert-content">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <span id="month-validated-message">Le mois a déjà été validé.</span>
                    </div>
                </div>
            </form>
        </div>
  </div>
</div>

<!-- Modal: Confirmer suppression déclaration -->
<div class="modal-layer" data-modal-id="deleteDeclaration" aria-hidden="true"
     data-delete-title="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['delete_title'] ?? 'Confirmer la suppression' }}"
     data-delete-text="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['delete_confirm'] ?? 'Supprimer cette déclaration ? Cette action est irréversible.' }}"
     data-delete-cancel="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['cancel'] ?? 'Annuler' }}"
     data-delete-confirm="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['confirm'] ?? 'Confirmer' }}"
     data-error-generic="{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['error_generic'] ?? 'Erreur lors de envoi.' }}">
  <div class="modal-backdrop"></div>
  <div class="modal-container delete-modal-container">
    <div class="delete-confirmation-card">
      <button type="button" class="delete-modal-close" data-modal-close aria-label="Close">
        <i class="fas fa-times"></i>
      </button>
      
      <div class="delete-modal-icon">
        <i class="fas fa-trash-alt"></i>
      </div>
      
      <h3 class="delete-modal-title" id="deleteDeclarationModalLabel">
        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['delete_title'] ?? 'Confirmer la suppression' }}
      </h3>
      
      <p class="delete-modal-text" id="deleteDeclarationModalBody">
        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['delete_confirm'] ?? 'Supprimer cette déclaration ? Cette action est irréversible.' }}
      </p>
      
      <div class="delete-modal-actions">
        <button type="button" class="delete-btn-cancel" data-modal-close id="delete-cancel-btn">
          {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['cancel'] ?? 'Annuler' }}
        </button>
        <button type="button" class="delete-btn-confirm" id="confirm-delete-btn">
          {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['confirm'] ?? 'Confirmer' }}
        </button>
      </div>
    </div>
  </div>
</div>

<!-- Modal: Validation du mois -->
<div class="modal-layer" id="validateMonthModal" aria-hidden="true">
    <div class="modal-backdrop" onclick="closeModal('validateMonthModal')"></div>
    <div class="modal-container">
        <div class="glass-form glass-form-validate-month">
            <div class="glass-content">
                <div class="glass-header">
                    <h3 class="glass-title">
                        <i class="fas fa-check-circle"></i>
                        <span data-translate="declaration.validate_month_modal_title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month_modal_title'] ?? 'Validation du mois' }}</span>
                    </h3>
                    <button type="button" class="modal-close" onclick="closeModal('validateMonthModal')" aria-label="Close">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                
                <div class="glass-form-fields">
                    @php
                        $validateTemplate = \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month_modal_text'] ?? 'Souhaitez-vous valider le mois :month et lancer le paiement ?';
                        $validateDefault = str_replace(':month', (\App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['this_month'] ?? 'ce mois'), $validateTemplate);
                    @endphp
                    <p class="validate-month-text" id="validate-month-text" data-template="{{ $validateTemplate }}">{{ $validateDefault }}</p>
                    
                    @if($userEmploymentStatus !== 'salarie')
                    <div class="validate-month-total-row">
                        <span class="validate-total-label">
                            <i class="fas fa-calculator"></i>
                            <span data-translate="declaration.footer_estimated_total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['footer_estimated_total'] ?? 'Total du mois' }}</span>
                        </span>
                        <span class="validate-total-value" id="validate-month-total">—</span>
                    </div>
                    @endif
                </div>
                
                <div class="glass-actions">
                    <button type="button" class="delete-btn-cancel" onclick="closeModal('validateMonthModal')">
                        <span data-translate="common.cancel">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['cancel'] ?? 'Annuler' }}</span>
                    </button>
                    <button type="button" class="delete-btn-confirm" id="confirm-validate-month">
                        <span data-translate="declaration.validate_month_modal_confirm">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['declaration']['validate_month_modal_confirm'] ?? 'Demander la validation' }}</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Dropdown plein écran pour sélection d'adresse (en dehors du modal) -->
<div class="custom-select-dropdown" id="hourly-address-dropdown">
    <div class="custom-select-search">
        <i class="fas fa-search"></i>
        <input type="text" placeholder="Rechercher..." class="custom-select-search-input">
        <button type="button" class="custom-select-close" id="hourly-address-close">
            <i class="fas fa-times"></i>
        </button>
    </div>
    <div class="custom-select-options">
        @foreach(($addresses ?? []) as $addr)
            @php $rate = isset($addr->hourly_rate) && is_numeric($addr->hourly_rate) ? (float)$addr->hourly_rate : null; @endphp
            <div class="custom-select-option" data-value="{{ $addr->id }}" data-hourly-rate="{{ $rate }}">
                <i class="fas fa-map-marker-alt"></i>
                <span>{{ $addr->short_address ?? 'Adresse' }}</span>
            </div>
        @endforeach
    </div>
</div>

<!-- Modal: Détail du total -->
<div class="modal-layer" id="totalDetailModal" aria-hidden="true">
    <div class="modal-backdrop" onclick="closeModal('totalDetailModal')"></div>
    <div class="modal-container">
        <div class="glass-form glass-form-total-detail">
            <div class="glass-content">
                <div class="glass-header">
                    <h3 class="glass-title">
                        <i class="fas fa-calculator"></i>
                        <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_detail']['title'] ?? 'Résumé du mois' }}</span>
                    </h3>
                    <button type="button" class="modal-close" onclick="closeModal('totalDetailModal')" aria-label="Close">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
                
                <div class="glass-form-fields">
                    <!-- Déclarations -->
                    <div class="total-detail-row">
                        <span class="total-detail-label">
                            <i class="fas fa-file-invoice"></i>
                            <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_detail']['declarations'] ?? 'Déclarations' }}</span>
                        </span>
                        <span class="total-detail-value" id="modal-declarations-value">—</span>
                    </div>
                    
                    <!-- Misc items (ajouts/déductions) -->
                    <div id="modal-misc-items-container"></div>
                    
                    <!-- Divider -->
                    <div class="total-detail-divider"></div>
                    
                    <!-- Type de paiement -->
                    <div class="total-detail-row payment-type-row">
                        <span class="total-detail-label">
                            <i class="fas fa-credit-card"></i>
                            <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_detail']['payment_type'] ?? 'Type de paiement' }}</span>
                        </span>
                        <span class="total-detail-value" id="modal-payment-type">—</span>
                    </div>
                    
                    <!-- Ajouts/Déductions (affiché uniquement si présents) -->
                    <div id="modal-misc-items-section" class="modal-misc-items-section" style="display: none;">
                        <div class="total-detail-divider"></div>
                        
                        <div class="misc-items-card">
                            <div class="misc-items-header">
                                <i class="fas fa-list-ul"></i>
                                <span>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_detail']['misc_items'] ?? 'Ajouts / Déductions' }}</span>
                            </div>
                            <div id="modal-misc-items-list" class="misc-items-list">
                                <!-- Les items seront ajoutés dynamiquement ici -->
                            </div>
                        </div>
                    </div>
                    
                    <!-- Divider -->
                    <div class="total-detail-divider"></div>
                    
                    <!-- Total à payer -->
                    <div class="total-detail-row total-row">
                        <span class="total-detail-label">
                            <i class="fas fa-calculator"></i>
                            <strong>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_detail']['total_to_pay'] ?? 'Total à payer' }}</strong>
                        </span>
                        <span class="total-detail-value total-value" id="modal-total-value">—</span>
                    </div>
                </div>
                
                <div class="glass-actions">
                    <button type="button" class="button button-primary" onclick="closeModal('totalDetailModal')">
                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['ok'] ?? 'OK' }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endpush