@extends('layouts.worker')

@section('title', \App\Helpers\TranslationHelper::getUserTranslations()['translations']['my_schedules'] ?? 'Mes horaires')

@php
    // Cache busting pour CSS aussi
    $cssVersion = filemtime(public_path('css/pages/worker/horaires.css')) ?: time();
    // Le bouton Valider le mois n'est actif que si l'admin a validé au moins un élément
    $canValidateMonth = $canValidateMonth ?? ($adminHasValidated ?? false);
    $monthValidated = $monthValidated ?? false;
    $currentMonth = $currentMonth ?? ($selectedMonth ?? date('Y-m'));
@endphp

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/pages/worker/horaires.css') }}?v={{ time() }}">
@endpush

@section('content')
<!-- Conteneur de notifications -->
<div id="notification-container"></div>

<div class="horaires-container">

    
        <!-- Navigation par mois -->
        <div class="month-navigation">
            @php
                // Extraire l'année et le mois
                list($year, $month) = explode('-', $selectedMonth);
                $year = (int)$year;
                $month = (int)$month;
                
                // Mois précédent
                $prevMonth = $month > 1 ? 
                    $year . '-' . str_pad($month - 1, 2, '0', STR_PAD_LEFT) : 
                    ($year - 1) . '-12';
                
                // Mois suivant
                $nextMonth = $month < 12 ? 
                    $year . '-' . str_pad($month + 1, 2, '0', STR_PAD_LEFT) : 
                    ($year + 1) . '-01';
                
                // Vérifier si le mois suivant est dans le futur
                $currentYear = (int)date('Y');
                $currentMonth = (int)date('m');
                $isNextMonthDisabled = ($month == 12 && $year + 1 > $currentYear) || 
                    ($year > $currentYear || ($year == $currentYear && $month + 1 > $currentMonth));
                
                // Formater le mois pour l'affichage
                // Récupérer les noms des mois dans la langue de l'utilisateur
                $translations = \App\Helpers\TranslationHelper::getUserTranslations()['translations'];
                $monthNames = [];
                
                // Vérifier si les traductions des mois existent
                if (isset($translations['months'])) {
                    $monthNames = [
                        1 => $translations['months']['january'] ?? 'janvier', 
                        2 => $translations['months']['february'] ?? 'février', 
                        3 => $translations['months']['march'] ?? 'mars', 
                        4 => $translations['months']['april'] ?? 'avril', 
                        5 => $translations['months']['may'] ?? 'mai', 
                        6 => $translations['months']['june'] ?? 'juin',
                        7 => $translations['months']['july'] ?? 'juillet', 
                        8 => $translations['months']['august'] ?? 'août', 
                        9 => $translations['months']['september'] ?? 'septembre', 
                        10 => $translations['months']['october'] ?? 'octobre', 
                        11 => $translations['months']['november'] ?? 'novembre', 
                        12 => $translations['months']['december'] ?? 'décembre'
                    ];
                } else {
                    // Fallback en français si les traductions n'existent pas
                    $monthNames = [
                        1 => 'janvier', 
                        2 => 'février', 
                        3 => 'mars', 
                        4 => 'avril', 
                        5 => 'mai', 
                        6 => 'juin',
                        7 => 'juillet', 
                        8 => 'août', 
                        9 => 'septembre', 
                        10 => 'octobre', 
                        11 => 'novembre', 
                        12 => 'décembre'
                    ];
                }
                // Format du mois selon la langue
                $monthYearFormat = $translations['schedules']['month_year_format'] ?? '{month} {year}';
                $displayMonth = ucfirst($monthNames[$month]);
                $displayMonth = str_replace('{month}', $displayMonth, $monthYearFormat);
                $displayMonth = str_replace('{year}', $year, $displayMonth);
            @endphp
            
            <button type="button" id="prev-month-btn" class="nav-arrow prev-month" aria-label="Précédent">
                <svg class="arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M15 18L9 12L15 6" stroke="#0a2e57" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            
            <span id="current-month-display" class="current-month">{{ $displayMonth }}</span>
            
            <button type="button" id="next-month-btn" class="nav-arrow next-month" aria-label="Suivant">
                <svg class="arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M9 6L15 12L9 18" stroke="#0a2e57" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
        </div>

        <!-- 3. Éléments divers selon le mois sélectionné -->
        <div class="horaires-card">
            @php
                // Initialiser $miscItemsTotal s'il n'existe pas
                $miscItemsTotal = $miscItemsTotal ?? 0;
                
                $miscBadgeClass = 'amount-badge';
                $miscBadgeClass .= $miscItemsTotal >= 0 ? ' positive' : ' negative';
                $miscBadgeClass .= isset($allMiscItemsHidden) && $allMiscItemsHidden ? ' hidden' : '';
            @endphp
            <div class="gradient-header">
                <span id="misc-items-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['misc_items'] ?? 'Éléments divers' }}</span>
                <span id="misc-items-amount-badge" class="{{ $miscBadgeClass }}">{{ number_format($miscItemsTotal, 2, ',', ' ') }} €</span>
            </div>
            <div class="horaires-card-body">
                {{-- Message "divers validés" (masquage admin) --}}
                @if(isset($allMiscItemsHidden) && $allMiscItemsHidden)
                    <div class="text-center py-3">
                        <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                        <p id="misc-items-validated">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['misc_items_validated'] ?? 'Divers validés par l\'administrateur' }}</p>
                    </div>
                @endif

                {{-- Conteneur toujours présent pour injection JS --}}
                <div id="miscItemsContainer" class="misc-items-container">
                    @if(!(isset($allMiscItemsHidden) && $allMiscItemsHidden) && isset($miscItems) && count($miscItems) > 0)
                        @foreach($miscItems as $item)
                            <div class="misc-item">
                                <span class="sign-badge {{ $item->is_deduction ? 'negative' : 'positive' }}">{{ $item->is_deduction ? '-' : '+' }}</span>
                                <span class="item-title">{{ $item->title }}</span>
                                <span class="item-amount {{ $item->is_deduction ? 'negative' : 'positive' }}">{{ number_format(abs($item->amount), 2, ',', ' ') }} €</span>
                            </div>
                        @endforeach
                    @endif
                </div>

                {{-- Message "aucun divers" (visible seulement si non masqué et liste vide) --}}
                @if(!(isset($allMiscItemsHidden) && $allMiscItemsHidden) && (!isset($miscItems) || count($miscItems) === 0))
                    <div id="no-misc-items" class="empty-state">
                        <div class="empty-icon" aria-hidden="true">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="36" height="36">
                                <path fill="currentColor" d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80 232H176a16 16 0 010-32h160a16 16 0 010 32z"/>
                            </svg>
                        </div>
                        <div class="empty-text">
                            <div class="empty-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['no_misc_items'] ?? 'Aucun élément divers pour ce mois.' }}</div>
                            <div class="empty-subtitle">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['no_misc_items_hint'] ?? 'Vos éléments divers s’afficheront ici lorsqu’ils seront ajoutés.' }}</div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

    <!-- 4. Horaires selon le mois sélectionné -->
    <div class="horaires-card">
        @php
            // Initialiser $monthlyRevenue s'il n'existe pas
            $monthlyRevenue = $monthlyRevenue ?? 0;
            
            $badgeClass = 'amount-badge';
            $badgeClass .= $monthlyRevenue >= 0 ? ' positive' : ' negative';
            $badgeClass .= isset($allSchedulesHidden) && $allSchedulesHidden ? ' hidden' : '';
        @endphp
        <div class="gradient-header">
            <span id="schedules-recorded">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['schedules_recorded'] ?? 'Horaires enregistrés' }}</span>
            <span class="{{ $badgeClass }}" id="schedules-amount-badge">{{ number_format($monthlyRevenue, 2, ',', ' ') }} €</span>
        </div>
        <div class="horaires-card-body">
            @if(isset($allSchedulesHidden) && $allSchedulesHidden)
                <div class="text-center py-3">
                    <i class="fas fa-check-circle fa-3x text-success mb-3"></i>
                    <p id="schedules-validated">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['all_hidden_schedules'] ?? 'Horaires validés par l\'administrateur' }}</p>
                </div>
                <!-- Ne pas inclure le div schedules-list quand tout est masqué -->
            @else
                <!-- Conteneur toujours présent pour le JavaScript -->
                <div id="schedules-list" class="schedules-container">
                    <!-- Les horaires seront ajoutés ici par JavaScript -->
                </div>

                {{-- Template pour les cards d'horaires (caché, cloné par JS) --}}
                <template id="schedule-card-template">
                    <div class="schedule-card">
                        <div class="schedule-content">
                            <div class="schedule-header">
                                <span class="date-label"></span>
                            </div>
                            <div class="schedule-body grouped">
                                {{-- Les slots seront ajoutés ici --}}
                            </div>
                            <div class="schedule-total">
                                <strong>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_sum'] ?? 'Total:' }}</strong>
                                <span class="total-amount"></span>
                            </div>
                        </div>
                    </div>
                </template>

                {{-- Template pour un slot d'horaire --}}
                <template id="schedule-slot-template">
                    <div class="slot-row display-row">
                        <div class="slot-info-line">
                            <div class="slot-info-left">
                                <span class="slot-info-text"></span>
                                <span class="slot-type-pill"></span>
                            </div>
                            <button type="button" class="slot-trash-btn" aria-label="Supprimer">
                                <i class="fas fa-trash"></i>
                            </button>
                        </div>
                        <div class="slot-address-line"></div>
                    </div>
                </template>

                <!-- Modal glass de suppression d'horaire -->
                <div id="worker-delete-modal" class="modal-layer">
                    <div class="modal-backdrop" data-close-modal></div>
                    <div class="modal-container">
                        <div class="glass-form glass-form-delete">
                            <div class="glass-filter"></div>
                            <div class="glass-overlay"></div>
                            <div class="glass-specular"></div>
                            <div class="glass-content">
                                <div class="glass-header">
                                    <h3 class="glass-title">
                                        <i class="fas fa-trash-alt"></i>
                                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['delete_title'] ?? 'Supprimer l\'horaire' }}
                                    </h3>
                                    <button type="button" class="modal-close" data-close-modal aria-label="Fermer">
                                        <i class="fas fa-times"></i>
                                    </button>
                                </div>
                                <div class="glass-form-fields">
                                    <p class="glass-modal-text">
                                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['delete_confirm'] ?? 'Confirmez la suppression ?' }}
                                    </p>
                                </div>
                                <div class="glass-actions glass-actions-delete">
                                    <button type="button" class="button button-secondary" data-close-modal>
                                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['cancel'] ?? 'Annuler' }}
                                    </button>
                                    <button type="button" id="worker-delete-confirm" class="button button-primary glass-btn-danger-custom">
                                        {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['common']['delete'] ?? 'Supprimer' }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if(!isset($schedules) || (is_array($schedules) && count($schedules) === 0) || (is_object($schedules) && method_exists($schedules, 'count') && $schedules->count() === 0))
                    <div id="no-schedules" class="empty-state">
                        <div class="empty-icon" aria-hidden="true">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="36" height="36">
                                <path fill="currentColor" d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48zm80 232H176a16 16 0 010-32h160a16 16 0 010 32z"/>
                            </svg>
                        </div>
                        <div class="empty-text">
                            <div class="empty-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['no_schedules_this_month'] ?? 'Aucun horaire enregistré pour ce mois.' }}</div>
                            <div class="empty-subtitle">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['no_schedules_hint'] ?? 'Vos horaires s’afficheront ici lorsqu’ils seront ajoutés.' }}</div>
                        </div>
                    </div>
                @endif
            @endif
        </div>
    </div>

    <!-- Bandeau total -->
    @if(!(isset($allSchedulesHidden) && $allSchedulesHidden && isset($allMiscItemsHidden) && $allMiscItemsHidden))
    <div class="horaires-total-banner">
        @php
            $totalGeneral = $monthlyRevenue + $miscItemsTotal;
        @endphp
        <span id="month-total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['month_total'] ?? 'Total du mois' }}: {{ number_format($totalGeneral, 2, ',', ' ') }} €</span>
        
        @if($monthValidated)
            <!-- Mois validé : afficher le message et le bouton -->
            <div class="validated-month-info">
                <div class="validated-text">
                    <i class="fas fa-check-circle"></i>
                    <span>Mois validé</span>
                </div>
                <a href="{{ route('worker.factures', ['month' => $currentMonth]) }}" class="button button-primary">
                    <i class="fas fa-file-invoice"></i>
                    Voir les factures
                </a>
            </div>
        @else
            <!-- Mois non validé : afficher le bouton Options -->
            @include('worker.partials.options_dropdown', [
                'buttonId' => 'options-button',
                'dropdownId' => 'options-dropdown',
                'canValidateMonth' => $canValidateMonth,
                'forceDisableValidate' => false,
            ])
        @endif
    </div>
    @else
    <!-- Bandeau masqué car tous les éléments sont masqués -->
    <div class="horaires-total-banner horaires-total-hidden">
        @php
            $totalGeneral = $monthlyRevenue + $miscItemsTotal;
        @endphp
        <span id="month-total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['month_total'] ?? 'Total du mois' }}: {{ number_format($totalGeneral, 2, ',', ' ') }} €</span>
        
        @if($monthValidated)
            <!-- Mois validé : afficher le message et le bouton -->
            <div class="validated-month-info">
                <div class="validated-text">
                    <i class="fas fa-check-circle"></i>
                    <span>Mois validé</span>
                </div>
                <a href="{{ route('worker.factures', ['month' => $currentMonth]) }}" class="button button-primary">
                    <i class="fas fa-file-invoice"></i>
                    Voir les factures
                </a>
            </div>
        @else
            @include('worker.partials.options_dropdown', [
                'buttonId' => 'options-button-hidden',
                'dropdownId' => 'options-dropdown-hidden',
                'canValidateMonth' => $canValidateMonth,
                'forceDisableValidate' => true,
            ])
        @endif
    </div>
    @endif
    <!-- Modal glass d'ajout d'horaire -->
    <div id="add-schedule-modal" class="modal-layer">
        <div class="modal-backdrop" data-close-modal></div>
        <div class="modal-container">
            <div class="glass-form">
                <div class="glass-filter"></div>
                <div class="glass-overlay"></div>
                <div class="glass-specular"></div>
                <div class="glass-content">
                    <div class="glass-header">
                        <h3 class="glass-title">
                            <i class="fas fa-clock"></i>
                            {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['add_schedule_title'] ?? 'Ajouter un horaire' }}
                        </h3>
                        <button type="button" class="modal-close" data-close-modal aria-label="Fermer">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                    <div class="glass-form-fields">
                <form id="add-hours-form" novalidate>
                    <div class="horaires-form-group">
                        <label for="modal-date">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['select_date'] ?? 'Date' }}</label>
                        <input type="date" id="modal-date" name="date" value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}" required>
                    </div>
                    <!-- Section multi-créneaux -->
                    <div class="slots-header">
                        <h4 class="slots-title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['time_slots'] ?? 'Créneaux horaires' }}</h4>
                        <button type="button" id="add-slot-btn" class="btn btn-secondary">+ {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['add_time_slot'] ?? 'Ajouter un créneau' }}</button>
                    </div>
                    <div id="slots-container" class="slots-container">
                        @include('worker.partials.schedule_slot_row', ['index' => 0, 'addresses' => $addresses])
                    </div>
                    <div id="form-error-container" class="modal-message modal-message-error hidden">
                        <i class="fas fa-exclamation-circle modal-message-icon"></i>
                        <div class="modal-message-content">
                            <div id="form-error-message" class="modal-message-text"></div>
                        </div>
                    </div>
                    <div class="horaires-form-group total-amount-group hidden">
                        <label for="daily-total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['total_amount'] ?? 'Total' }}</label>
                        <div class="total-amount-display">
                            <span>0,00 €</span>
                        </div>
                    </div>
                </form>
                    </div>
                    <div class="glass-actions">
                        <div class="glass-total-display">
                            <span class="glass-total-label">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['total_amount'] ?? 'Total' }}:</span>
                            <span id="daily-total">0,00 €</span>
                        </div>
                        <div class="glass-buttons-group">
                            <button type="button" class="button button-secondary" data-close-modal>
                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['cancel'] ?? 'Annuler' }}
                            </button>
                            <button type="submit" form="add-hours-form" class="button button-primary disabled" id="add-schedule-submit" disabled>
                                {{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['save'] ?? 'Enregistrer' }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @php
        $validationTemplate = \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['validate_month_modal_text'] ?? 'Confirmez-vous la validation du mois :month ? Cette action générera vos factures et sera irréversible.';
        try {
            $monthLabel = \Carbon\Carbon::createFromFormat('Y-m', $selectedMonth)->translatedFormat('F Y');
        } catch (\Exception $e) {
            $monthLabel = $selectedMonth;
        }
        $validationDefault = str_replace(':month', $monthLabel, $validationTemplate);
    @endphp

    <!-- Modal glass de validation du mois -->
    <div id="validate-month-modal" class="modal-layer">
        <div class="modal-backdrop" data-close-modal></div>
        <div class="modal-container">
            <div class="glass-form glass-form-validate">
                <div class="glass-filter"></div>
                <div class="glass-overlay"></div>
                <div class="glass-specular"></div>
                <div class="glass-content">
                    <div class="glass-header">
                        <h3 class="glass-title">
                            <i class="fas fa-calendar-check"></i>
                            <span data-translate="schedules.validation_summary_title">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['validation_summary_title'] ?? 'Résumé du mois' }}</span>
                        </h3>
                        <button type="button" class="modal-close" data-close-modal aria-label="Fermer">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                    <div class="glass-form-fields">
                        <div class="validation-summary">
                            <div class="summary-row">
                                <span class="summary-label" data-translate="schedules.summary_schedules_total">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['summary_schedules_total'] ?? 'Montant total horaires' }}</span>
                                <span class="summary-value" id="summary-schedules-total">0,00 €</span>
                            </div>
                            <div class="summary-row summary-positive">
                                <span class="summary-label" data-translate="schedules.summary_additions">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['summary_additions'] ?? 'Les ajouts' }}</span>
                                <span class="summary-value" id="summary-additions">0,00 €</span>
                            </div>
                            <div class="summary-row summary-negative">
                                <span class="summary-label" data-translate="schedules.summary_deductions">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['summary_deductions'] ?? 'Les déductions' }}</span>
                                <span class="summary-value" id="summary-deductions">0,00 €</span>
                            </div>
                            <div class="summary-row summary-total">
                                <span class="summary-label" data-translate="schedules.summary_remaining">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['summary_remaining'] ?? 'Total restant à payer' }}</span>
                                <span class="summary-value" id="summary-remaining">0,00 €</span>
                            </div>
                        </div>
                        
                        <div class="validation-info" id="invoice-info">
                            <i class="fas fa-file-invoice"></i>
                            <span id="invoice-count-text"><!-- Dynamique selon statut --></span>
                        </div>
                        
                        <div class="glass-warning">
                            <i class="fas fa-exclamation-triangle"></i>
                            <span data-translate="schedules.validation_warning">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['validation_warning'] ?? 'Une fois validé, vous ne pourrez plus modifier vos horaires pour ce mois.' }}</span>
                        </div>
                    </div>
                    <div class="glass-actions">
                        <button type="button" class="button button-secondary" data-close-modal>
                            <span data-translate="schedules.cancel_button">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['cancel_button'] ?? 'Annuler' }}</span>
                        </button>
                        <button type="button" class="button button-primary glass-btn-success" id="confirm-validate-month">
                            <span id="validate-button-text" data-translate="schedules.validate_button_default">{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['schedules']['validate_button_default'] ?? 'Valider' }}</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Template pour une carte d'horaire -->
    <template id="schedule-card-template">
    <div class="schedule-card">
        <div class="schedule-content">
            <div class="schedule-header">
                <span class="date-label"></span>
            </div>
            <div class="schedule-body">
                <div class="schedule-time">
                    <span class="hours"></span>
                </div>
                <div class="schedule-address">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="14" height="14">
                        <path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"/>
                    </svg> <span class="address"></span>
                </div>
                <div class="schedule-total">
                    <strong>{{ \App\Helpers\TranslationHelper::getUserTranslations()['translations']['total_sum'] ?? 'Total:' }}</strong> <span class="total-amount"></span>
                </div>
            </div>
        </div>
        <!-- Suppression du bouton supprimer dans le template de carte -->
    </div>
</template>

@endsection

<!-- Préparation des données pour JavaScript -->
@php
    // Préparer les données utilisateur pour JavaScript
    $userTranslations = \App\Helpers\TranslationHelper::getUserTranslations();
    $userLanguage = $userTranslations['language'] ?? 'fr';
    $userTranslations['translations']['_language'] = $userLanguage;
@endphp

<!-- Données utilisateur pour JavaScript (sans code JS inline) -->
<div id="js-data" 
     data-user-id="{{ Auth::id() }}"
     data-user-employment-status="{{ Auth::user()->employment_status ?? 'autre' }}"
     data-base-rate="{{ isset($baseRate) ? (float) $baseRate : 0 }}"
     data-extra-rate="{{ isset($extraRate) ? (float) $extraRate : 0 }}"
     data-sunday-rate="{{ ($baseRate ?? 0) * 2 }}"
     data-selected-month="{{ $selectedMonth }}"
     data-professional-info-complete="{{ isset($professionalInfoComplete) && $professionalInfoComplete ? 'true' : 'false' }}"
     data-translations='{{ json_encode($userTranslations['translations'], JSON_HEX_APOS | JSON_HEX_QUOT) }}'
     data-schedules='{{ json_encode(is_array($schedules) ? $schedules : (is_object($schedules) && method_exists($schedules, 'toArray') ? $schedules->toArray() : []), JSON_HEX_APOS | JSON_HEX_QUOT) }}'
     data-addresses='{{ json_encode(is_array($addresses) ? $addresses : (is_object($addresses) && method_exists($addresses, 'toArray') ? $addresses->toArray() : []), JSON_HEX_APOS | JSON_HEX_QUOT) }}'
     data-all-schedules-hidden="{{ isset($allSchedulesHidden) && $allSchedulesHidden ? 'true' : 'false' }}"
     data-all-misc-items-hidden="{{ isset($allMiscItemsHidden) && $allMiscItemsHidden ? 'true' : 'false' }}"
     data-can-validate-month="{{ $canValidateMonth ? 'true' : 'false' }}"
     data-month-validated="{{ $monthValidated ? 'true' : 'false' }}"
     class="hidden">
</div>

<!-- Container global pour les dropdowns d'adresse (en dehors des modals pour z-index) -->
<div id="address-dropdowns-container"></div>

@php
    // Cache busting : FORCE un nouveau timestamp à chaque chargement pour éviter le cache navigateur
    $cacheVersion = time();
@endphp

@push('scripts')
<!-- Système de traductions global -->
<script src="{{ asset('js/translation.js') }}?v={{ $cacheVersion }}"></script>
<!-- Utils pour horaires (doit être chargé AVANT les autres modules) -->
<script src="{{ asset('js/pages/worker/horaires/utils.js') }}?v={{ $cacheVersion }}"></script>
<!-- Modules horaires -->
<script src="{{ asset('js/pages/worker/horaires/modal-helpers.js') }}?v={{ $cacheVersion }}"></script>
<script src="{{ asset('js/pages/worker/horaires/rendering.js') }}?v={{ $cacheVersion }}"></script>
<script src="{{ asset('js/pages/worker/horaires/slot-management.js') }}?v={{ $cacheVersion }}"></script>
<!-- Script principal horaires -->
<script src="{{ asset('js/pages/worker/horaires/horaires.js') }}?v={{ $cacheVersion }}" defer></script>
@endpush