@extends('layouts.admin')

@section('page-title') Profil de {{ $user->prenom }} @endsection
@section('page-subtitle') Détails et informations personnelles
@endsection

@section('styles')
<meta name="csrf-token" content="{{ csrf_token() }}">
<link href="{{ asset('css/pages/admin/workers/menage-show.css') }}?v={{ time() }}" rel="stylesheet">
@endsection

@section('content')
<div class="container-fluid">
  <input type="hidden" id="workerId" value="{{ $worker->id }}">
  <div id="workerData" 
       class="hidden"
       data-all-paid="{{ isset($allPaid) && $allPaid ? 'true' : 'false' }}" 
       data-month-param="{{ $monthParam ?? date('Y-m') }}">
  </div>
  
  <!-- Header Section -->
  <div class="page-header-row">
    <div class="menage-header-navigation">
      <a href="{{ route('admin.workers.menage-list') }}" class="back-link">
        <i class="fas fa-arrow-left"></i>
        <span>Retour à la liste</span>
      </a>
    </div>
    <div class="menage-header-actions">
      <div class="menage-actions-group">
        <form id="statusForm" class="checkbox-wrapper-35">
          <input type="checkbox" id="is_active" name="is_active" class="switch" {{ $worker->is_active ? 'checked' : '' }}>
          <label for="is_active">
            <span class="switch-x-text">Personnel ménage</span>
            <span class="switch-x-toggletext">
              <span class="switch-x-unchecked">Inactif</span>
              <span class="switch-x-checked">Actif</span>
            </span>
          </label>
        </form>
        <button type="button" class="menage-action-btn menage-btn-secondary" data-modal-open="resetPasswordModal">
          <i class="fas fa-key"></i>
          <span>Réinitialiser le mot de passe</span>
        </button>
        <button type="button" class="menage-action-btn menage-btn-danger" data-modal-open="deleteWorkerModal">
          <i class="fas fa-trash-alt"></i>
          <span>Supprimer le personnel</span>
        </button>
      </div>
    </div>
  </div>
  
  <!-- Main Content -->
  <div class="menage-content">

    <!-- Tier Toggle Navigation -->
    <div class="worker-tier-toggle" data-theme="light">
      <div class="tier-toggle">
        <input class="sr-only tier-input" type="radio" name="worker-tier" id="worker-tier-info" checked>
        <label class="tier-option" for="worker-tier-info">Informations</label>
        
        <input class="sr-only tier-input" type="radio" name="worker-tier" id="worker-tier-declarations">
        <label class="tier-option" for="worker-tier-declarations">Déclarations</label>
        
        <input class="sr-only tier-input" type="radio" name="worker-tier" id="worker-tier-plannings">
        <label class="tier-option" for="worker-tier-plannings">Plannings</label>
        
        <input class="sr-only tier-input" type="radio" name="worker-tier" id="worker-tier-settings">
        <label class="tier-option" for="worker-tier-settings">Paramètres</label>
        
        <span class="tier-indicator"></span>
      </div>
    </div>

    <!-- Tier Panels -->
    <div class="tier-panels">
      <!-- Panel Informations -->
      <div class="tier-panel is-active" data-tier="worker-tier-info">
        <div class="menage-cards-grid">
      <!-- Template pour les toasts -->
      <template id="toast-template">
        <div class="menage-toast">
          <div class="menage-toast-content">
            <i class="toast-icon"></i>
            <span class="toast-message"></span>
          </div>
          <button class="menage-toast-close" data-dismiss="toast">
            <i class="fas fa-times"></i>
          </button>
        </div>
      </template>

      <!-- Template pour l'état vide des clients -->
      <template id="clients-empty-template">
        <div class="menage-empty-state">
          <i class="fas fa-users"></i>
          <p>Aucun client assigné</p>
        </div>
      </template>

      <!-- Template pour le logo client -->
      <template id="client-logo-template">
        <img src="" alt="" class="client-logo-small rounded">
      </template>

      <!-- Template pour l'avatar client -->
      <template id="client-avatar-template">
        <div class="client-avatar-fallback-small"></div>
      </template>

      <!-- Template pour le badge d'adresse principale -->
      <template id="address-badge-template">
        <span class="badge bg-primary">Principal</span>
      </template>

      <!-- Template pour les cartes clients -->
      <template id="client-card-template">
        <div class="client-card" data-client-id="">
          <div class="client-logo-container">
            <!-- Avatar content will be inserted here -->
          </div>
          <div class="client-name"></div>
          <div class="client-type"></div>
        </div>
      </template>

      <!-- Personal Information Card -->
      <div class="menage-card">
        <div class="menage-card-header">
          <h3 class="menage-card-title">Informations personnelles</h3>
          <button class="btn-icon" data-modal-open="editMenageModal">
            <i class="fas fa-pen"></i>
          </button>
        </div>
        <div class="menage-card-body">
          <div class="menage-worker-identity">
            <div class="menage-worker-avatar">
              {{ strtoupper(substr($worker->prenom ?? '', 0, 1)) }}
            </div>
            <div class="menage-worker-details">
              <h2 class="menage-worker-name">
                {{ $worker->prenom }}
              </h2>
              <div class="menage-worker-info">
                <div class="menage-worker-email">
                  <i class="fas fa-envelope"></i>
                  <span>{{ $worker->email }}</span>
                </div>
                <div class="menage-worker-joined">
                  <i class="fas fa-calendar"></i>
                  <span>Inscrit le {{ \Carbon\Carbon::parse($worker->created_at)->format('d/m/Y') }}</span>
                </div>
                <div class="menage-worker-language">
                  <i class="fas fa-language"></i>
                  @php
                    $langLabels = [
                      'fr' => 'Français',
                      'ru' => 'Russe',
                      'ro' => 'Roumain'
                    ];
                  @endphp
                  <span>{{ $langLabels[$worker->language] ?? 'Non défini' }}</span>
                </div>
                <div class="menage-worker-language">
                  <i class="fas fa-briefcase"></i>
                  @php
                    $statusLabels = [
                      'micro' => 'Micro',
                      'salarie' => 'Salarié',
                    ];
                  @endphp
                  <span>Statut: {{ $statusLabels[$worker->employment_status ?? 'micro'] ?? 'Micro' }}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
        </div> <!-- end .menage-cards-grid -->
      </div> <!-- end .tier-panel info -->

      <!-- Panel Déclarations -->
      <div class="tier-panel" data-tier="worker-tier-declarations">
        <!-- Navigation Card -->
        <div class="month-navigation-card">
          @php
            $statusKey = $monthlyStatusKey ?? 'empty';
            $statusLabel = $monthlyStatusLabel ?? 'Aucune déclaration';
            $statusIcon = [
              'validated' => 'fa-check-circle',
              'pending' => 'fa-hourglass-half',
              'empty' => 'fa-circle-notch'
            ][$statusKey] ?? 'fa-hourglass-half';
          @endphp
          
          <div class="status-container">
            <div class="status-pill status-{{ $statusKey }}">
              <i class="fas {{ $statusIcon }}"></i>
              <span>{{ $statusLabel }}</span>
              @if($statusKey === 'validated' && isset($validationDate) && $validationDate)
                <span class="validation-date">[{{ $validationDate }}]</span>
              @endif
            </div>
            @if($statusKey === 'validated')
              <button type="button" class="status-action-btn" title="Invalider le mois" onclick="invalidateMonth('{{ $worker->id }}', '{{ $monthParam ?? date('Y-m') }}')">
                <i class="fas fa-times"></i>
              </button>
            @endif
          </div>
          
          @if($statusKey === 'validated')
          <div class="payment-toggle-wrapper">
            <form id="paymentStatusForm" class="checkbox-wrapper-payment">
              <input value="paid" name="is_paid" id="is_paid" type="checkbox" class="switch" {{ ($allPaid ?? false) ? 'checked' : '' }}>
              <label for="is_paid">
                <span class="switch-x-text">Paiement</span>
                <span class="switch-x-toggletext">
                  <span class="switch-x-unchecked"><span class="switch-x-hiddenlabel">État: </span>Non payé</span>
                  <span class="switch-x-checked"><span class="switch-x-hiddenlabel">État: </span>Payé</span>
                </span>
              </label>
            </form>
          </div>
          @endif
          
          <div class="month-nav-calendar">
            <button type="button" class="month-nav-btn" data-month-nav="prev" aria-label="Mois précédent">
              <i class="fa-solid fa-chevron-left"></i>
            </button>
            <button type="button" class="month-nav-current" disabled>
              {{ ucfirst(\Carbon\Carbon::parse($monthParam ?? date('Y-m'))->locale('fr')->isoFormat('MMMM YYYY')) }}
            </button>
            <button type="button" class="month-nav-btn" data-month-nav="next" aria-label="Mois suivant">
              <i class="fa-solid fa-chevron-right"></i>
            </button>
          </div>
        </div>
        
        <div class="menage-cards-grid menage-cards-grid-3col">
      
      <!-- Declarations Container (server-rendered partial for dynamic updates) -->
      <div id="declarationsContainer" data-worker-id="{{ $worker->id }}">
        @include('admin.workers.partials.declarations-card', [
          'worker' => $worker,
          'packageDeclarations' => $packageDeclarations ?? collect(),
          'hourlyDeclarations' => $hourlyDeclarations ?? collect(),
          'monthParam' => $monthParam ?? date('Y-m'),
          'totalForfait' => $totalForfait ?? 0,
          'totalHoraire' => $totalHoraire ?? 0,
          'totalMonth' => $totalMonth ?? 0,
          'totalHourlyMinutes' => $totalHourlyMinutes ?? 0,
          'monthlyStatusKey' => $monthlyStatusKey ?? 'empty',
          'monthlyStatusLabel' => $monthlyStatusLabel ?? 'Aucune déclaration'
        ])
      </div>
      
      <!-- KPI Compact Card -->
      <div id="monthIndicatorsContainer">
        @include('admin.workers.partials.month-indicators-card', [
          'packageDeclarations' => $packageDeclarations ?? collect(),
          'hourlyDeclarations' => $hourlyDeclarations ?? collect(),
          'eventDeclarations' => $eventDeclarations ?? collect(),
          'totalForfait' => $totalForfait ?? 0,
          'totalHoraire' => $totalHoraire ?? 0,
          'totalEvent' => $totalEvent ?? 0,
          'totalMonth' => $totalMonth ?? 0,
          'totalHourlyMinutes' => $totalHourlyMinutes ?? 0
        ])
      </div>
      
      <!-- Résumé du mois -->
      <div id="monthSummaryContainer">
        @include('admin.workers.partials.month-summary-card', [
          'packageDeclarations' => $packageDeclarations ?? collect(),
          'hourlyDeclarations' => $hourlyDeclarations ?? collect(),
          'totalForfait' => $totalForfait ?? 0,
          'totalHoraire' => $totalHoraire ?? 0,
          'totalMonth' => $totalMonth ?? 0,
          'totalHourlyMinutes' => $totalHourlyMinutes ?? 0,
        ])
      </div>
      
        </div> <!-- end .menage-cards-grid -->
      </div> <!-- end .tier-panel declarations -->

      <!-- Panel Plannings -->
      <div class="tier-panel" data-tier="worker-tier-plannings">
        <div class="menage-cards-grid">
      <!-- RIGHT COLUMN: Plannings -->
      <div class="menage-col-right">
      <!-- Assigned Clients Card -->
      <div class="menage-card">
        <div class="menage-card-header">
          <h3 class="menage-card-title">
            Plannings
            <span class="menage-clients-count" id="clientsCount"></span>
          </h3>
          <button class="btn-icon" id="assignClientBtn" type="button">
            <i class="fas fa-plus"></i>
          </button>
        </div>
        <div class="menage-card-body">
          <div id="clientsList" class="menage-clients-list">
            @if(isset($contracts) && $contracts->count() > 0)
              @foreach($contracts as $contract)
                <div class="menage-planning-card" data-contract-id="{{ $contract['contract_id'] ?? 'none' }}" data-planning-id="{{ $contract['contract_id'] ?? 'none' }}" data-client-id="{{ $contract['client']['id'] }}">
                  <div class="menage-planning-header">
                    <div class="menage-client-info">
                      <div class="menage-client-logo">
                        @php
                          $logoUrl = $contract['client']['logo_url'] ?? null;
                          $logoRaw = $contract['client']['logo'] ?? null;
                          if(!$logoUrl && $logoRaw){
                            $isAbsolute = \Illuminate\Support\Str::startsWith($logoRaw, ['http://','https://','//']);
                            $logoUrl = $isAbsolute ? $logoRaw : asset(ltrim($logoRaw, '/'));
                          }
                        @endphp
                        @if(!empty($logoUrl))
                          <img src="{{ $logoUrl }}" alt="{{ $contract['client']['name'] }}" class="menage-client-logo-img">
                        @else
                          <div class="menage-client-avatar-fallback">
                            {{ strtoupper(substr($contract['client']['name'], 0, 1)) }}
                          </div>
                        @endif
                      </div>
                      <div class="menage-client-details">
                        <h4 class="menage-client-name">{{ $contract['client']['name'] }}</h4>
                        <span class="menage-client-type {{ strtolower($contract['client']['type']) }}">{{ ucfirst($contract['client']['type']) }}</span>
                      </div>
                      <div class="menage-billing-info">
                        @php
                          $billing = $contract['billing'] ?? null;
                        @endphp
                        @if($billing && ($billing['type'] ?? null) === 'package' && !is_null($billing['monthly_package_amount'] ?? null))
                          <span class="menage-billing-type forfait">Forfait</span>
                          <span class="menage-billing-amount">{{ number_format($billing['monthly_package_amount'], 0, ',', ' ') }}€/mois</span>
                        @elseif($billing && ($billing['type'] ?? null) === 'hourly' && !is_null($billing['hourly_rate'] ?? null))
                          <span class="menage-billing-type hourly">À l'heure</span>
                          <span class="menage-billing-amount">{{ number_format($billing['hourly_rate'], 0, ',', ' ') }}€/h</span>
                        @endif
                      </div>

                      @php
                        // Adresse client/contrat (préférence pour full_address de client_addresses)
                        // Dans l'agrégat $contracts, l'adresse est portée au niveau de chaque planning
                        // Utiliser d'abord l'adresse du contrat si présente, sinon celle du 1er planning
                        $addr = $contract['address']
                          ?? ($contract['schedules'][0]['address'] ?? null)
                          ?? ($contract['client']['address'] ?? null);
                        if (is_array($addr)) { $addr = (object) $addr; }
                        $street = trim($addr->street ?? '');
                        $postal = trim($addr->postal_code ?? '');
                        $city = trim($addr->city ?? '');
                        // 1) full_address si disponible
                        if (!empty($addr->full_address)) {
                          $mainAddress = $addr->full_address;
                        } else {
                          // 2) Sinon, compose rue + code postal + ville
                          $mainParts = [];
                          if ($street !== '') { $mainParts[] = $street; }
                          $cityLine = trim(($postal !== '' ? $postal . ' ' : '') . $city);
                          if ($cityLine !== '') { $mainParts[] = $cityLine; }
                          $mainAddress = count($mainParts) > 0
                            ? implode(', ', $mainParts)
                            : ($addr->formatted_address ?? ($addr->short_address ?? 'Adresse non définie'));
                        }
                      @endphp
                      <div class="menage-address">
                        <i class="fas fa-map-marker-alt"></i>
                        <div class="menage-address-lines">
                          <div class="menage-address-main menage-address-text">{{ $mainAddress }}</div>
                        </div>
                      </div>
                    </div>
                    <div class="menage-card-actions">
                      <button type="button" class="delete-btn" title="Supprimer" data-planning-id="{{ $contract['contract_id'] ?? '' }}">
                        <i class="fas fa-trash"></i>
                      </button>
                    </div>
                  </div>
                    <!-- Pas de mini-planning dans le header, affichage déplacé en dessous -->
                  <div class="menage-planning-body">
                    @php
                      // Aggregated weekly planning (moved here from header)
                      $dayNamesEn = ['monday','tuesday','wednesday','thursday','friday','saturday','sunday'];
                      $frToEn = [
                        'lundi' => 'monday', 'mardi' => 'tuesday', 'mercredi' => 'wednesday',
                        'jeudi' => 'thursday', 'vendredi' => 'friday', 'samedi' => 'saturday', 'dimanche' => 'sunday'
                      ];
                      $aggregatedDays = array_fill_keys($dayNamesEn, []);
                      $aggregatedFlags = array_fill_keys($dayNamesEn, ['morning'=>false,'evening'=>false]);
                      $aggregatedPresence = array_fill_keys($dayNamesEn, false);

                      foreach(($contract['schedules'] ?? []) as $sch){
                        if(isset($sch['day_of_week'])){
                          $dayKey = strtolower($sch['day_of_week']);
                          if(in_array($dayKey, $dayNamesEn, true)){
                            $aggregatedPresence[$dayKey] = true;
                            $tasksRaw = $sch['tasks'] ?? [];
                            $tasksArr = is_string($tasksRaw) ? (json_decode($tasksRaw, true) ?: []) : ($tasksRaw ?? []);
                            if(is_array($tasksArr)){
                              $aggregatedDays[$dayKey] = array_values(array_unique(array_merge($aggregatedDays[$dayKey], $tasksArr)));
                            }
                            $startTime = $sch['start_time'] ?? null;
                            $endTime = $sch['end_time'] ?? null;
                            if($startTime){ $aggregatedFlags[$dayKey]['morning'] = $aggregatedFlags[$dayKey]['morning'] || (substr($startTime,0,2) <= '14'); }
                            if($endTime){ $aggregatedFlags[$dayKey]['evening'] = $aggregatedFlags[$dayKey]['evening'] || (substr($endTime,0,2) >= '18'); }
                            if(!$startTime && !$endTime && !empty($tasksArr)){ $aggregatedFlags[$dayKey]['morning'] = true; }
                          }
                        }
                        $dc = is_string($sch['days_config'] ?? null) ? json_decode($sch['days_config'], true) : ($sch['days_config'] ?? []);
                        if(is_array($dc) && !empty($dc)){
                          foreach($dc as $k=>$v){
                            $key = in_array($k, $dayNamesEn, true) ? $k : ($frToEn[$k] ?? null);
                            if($key){
                              $aggregatedPresence[$key] = true;
                              $tasks = $v['tasks'] ?? [];
                              if(is_array($tasks)){
                                $aggregatedDays[$key] = array_values(array_unique(array_merge($aggregatedDays[$key], $tasks)));
                              }
                              if(isset($v['morning'])) { $aggregatedFlags[$key]['morning'] = $aggregatedFlags[$key]['morning'] || (bool)$v['morning']; }
                              if(isset($v['evening'])) { $aggregatedFlags[$key]['evening'] = $aggregatedFlags[$key]['evening'] || (bool)$v['evening']; }
                            }
                          }
                        }
                      }
                      $dayShort = ['monday'=>'Lu','tuesday'=>'Ma','wednesday'=>'Me','thursday'=>'Je','friday'=>'Ve','saturday'=>'Sa','sunday'=>'Di'];
                    @endphp
                    <div class="menage-planning-display">
                      <div class="menage-schedule-days-mini">
                        @foreach($dayNamesEn as $dkey)
                          @php
                            $tasks = $aggregatedDays[$dkey] ?? [];
                            $hasTasks = is_array($tasks) && count($tasks) > 0;
                            $hasAnySchedule = ($aggregatedFlags[$dkey]['morning'] ?? false) || ($aggregatedFlags[$dkey]['evening'] ?? false) || ($aggregatedPresence[$dkey] ?? false);
                            $hasDay = $hasTasks || $hasAnySchedule;
                            $hasCleaning = $hasTasks
                              ? (collect($tasks)->contains(fn($t)=>str_contains(strtolower($t),'nettoyage')||str_contains(strtolower($t),'ménage')||str_contains(strtolower($t),'cleaning')||str_contains(strtolower($t),'menage')))
                              : $hasAnySchedule;
                            $hasDish = $hasTasks && collect($tasks)->contains(fn($t)=>str_contains(strtolower($t),'vaisselle')||str_contains(strtolower($t),'dish')||str_contains(strtolower($t),'couvert'));
                          @endphp
                          <div class="menage-schedule-day-mini {{ $hasDay ? 'has-schedule' : 'empty' }}">
                            <div class="menage-day-name-mini">{{ $dayShort[$dkey] }}</div>
                            <div class="menage-day-content-mini">
                              @if($hasDay)
                                <div class="menage-day-schedule-visual-mini">
                                  @if($hasCleaning)
                                    <div class="menage-cleaning-group-mini">
                                      <div class="menage-task-icon-mini cleaning"><i class="fas fa-broom"></i></div>
                                      @php
                                        $isMorning = (bool)($aggregatedFlags[$dkey]['morning'] ?? false);
                                        $isEvening = (bool)($aggregatedFlags[$dkey]['evening'] ?? false);
                                      @endphp
                                      @if($isMorning || $isEvening)
                                        <div class="menage-time-badges-mini" title="{{ $isMorning && $isEvening ? 'Matin et soir' : ($isMorning ? 'Matin' : 'Soir') }}">
                                          @if($isMorning)
                                            <div class="time-badge morning-badge" aria-label="Matin">
                                              <i class="fas fa-sun"></i>
                                            </div>
                                          @endif
                                          @if($isEvening)
                                            <div class="time-badge evening-badge" aria-label="Soir">
                                              <i class="fas fa-moon"></i>
                                            </div>
                                          @endif
                                        </div>
                                      @endif
                                    </div>
                                  @endif
                                  @if($hasDish)
                                    <div class="menage-task-icon-mini dishwashing"><i class="fas fa-utensils"></i></div>
                                  @endif
                                </div>
                              @else
                                <div class="menage-empty-day-mini"><i class="fas fa-bed"></i></div>
                              @endif
                            </div>
                          </div>
                        @endforeach
                      </div>
                    </div>
                    @php
                      // Équipe récupérée depuis la DB (via Controller -> assignedUsers)
                      $team = $contract['team'] ?? [];
                    @endphp
                    <div class="menage-team-section">
                      <div class="menage-workers">
                        @php
                          // Calcul du montant par personne pour les contrats au forfait
                          $teamCount = is_array($team) ? count($team) : (method_exists($team, 'count') ? $team->count() : 0);
                          $perPerson = null;
                          $billing = $contract['billing'] ?? null;
                          if ($billing && ($billing['type'] ?? null) === 'package') {
                            // On privilégie total_amount si disponible (montant facturé avec marge), sinon monthly_package_amount
                            $contractTotal = $billing['total_amount'] ?? ($billing['monthly_package_amount'] ?? null);
                            if (is_numeric($contractTotal) && $teamCount > 0) {
                              $perPerson = ((float)$contractTotal) / $teamCount;
                            }
                          }
                        @endphp
                        @forelse($team as $w)
                          @php
                            $wid = is_array($w) ? ($w['id'] ?? null) : ($w->id ?? null);
                            $wname = is_array($w) ? ($w['prenom'] ?? ($w['name'] ?? '')) : ($w->prenom ?? ($w->name ?? ''));
                          @endphp
                          <div class="menage-worker-badge">
                            <div class="menage-team-member-info">
                              <i class="fas fa-user"></i>
                              <span class="menage-worker-name">{{ $wname }}</span>
                            </div>
                            @if(!is_null($perPerson))
                              <span class="menage-worker-sep">|</span>
                              <div class="menage-worker-amount" title="Part du forfait par personne">
                                {{ number_format($perPerson, 0, ',', ' ') }}€/mois
                              </div>
                            @endif
                          </div>
                        @empty
                          <div class="menage-no-worker">
                            <i class="fas fa-user-slash"></i>
                            Non assigné
                          </div>
                        @endforelse
                      </div>
                    </div>
                  </div>
                </div>
              @endforeach
            @else
              <div class="menage-empty-state">
                <i class="fas fa-users"></i>
                <p>Aucun client assigné</p>
              </div>
            @endif
          </div>
        </div>
      </div>
      </div> <!-- end .menage-col-right -->
        </div> <!-- end .menage-cards-grid -->
      </div> <!-- end .tier-panel plannings -->

      <!-- Panel Paramètres -->
      <div class="tier-panel" data-tier="worker-tier-settings">
        <div class="menage-cards-grid">
          <p>Paramètres à venir...</p>
        </div>
      </div> <!-- end .tier-panel settings -->
    </div> <!-- end .tier-panels -->
  </div> <!-- end .menage-content -->
</div> <!-- end .container-fluid -->

<!-- Modal Ajouter élément divers -->
<div class="modal-layer" id="addMiscItemModal" data-modal-id="addMiscItemModal">
  <div class="modal-backdrop" data-modal-close></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-plus-circle"></i>
            <span>Ajouter un élément divers</span>
          </h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Close">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <form id="addMiscItemForm" class="glass-form-fields">
          <input type="hidden" name="user_id" value="{{ $worker->id }}">
          
          <div class="glass-field-row">
            <div class="glass-field">
              <label for="miscItemPeriod">Période</label>
              <div class="glass-input">
                <i class="fas fa-calendar-alt"></i>
                <input type="month" id="miscItemPeriod" name="period" value="{{ $monthParam ?? date('Y-m') }}" required>
              </div>
            </div>
            <div class="glass-field">
              <label for="miscItemType">Type</label>
              <div class="glass-input">
                <i class="fas fa-tag"></i>
                <select id="miscItemType" name="type" required>
                  <option value="addition">Ajout</option>
                  <option value="deduction">Déduction</option>
                </select>
              </div>
            </div>
          </div>
          
          <div class="glass-field">
            <label for="miscItemDescription">Description</label>
            <div class="glass-input">
              <i class="fas fa-align-left"></i>
              <input type="text" id="miscItemDescription" name="description" placeholder="Ex: Prime, Pénalité..." required>
            </div>
          </div>
          
          <div class="glass-field">
            <label for="miscItemAmount">Montant (€)</label>
            <div class="glass-input">
              <i class="fas fa-euro-sign"></i>
              <input type="number" id="miscItemAmount" name="amount" step="0.01" min="0" placeholder="0.00" required>
            </div>
          </div>
        </form>
        <div class="glass-actions">
          <button type="button" class="glass-modal-btn glass-modal-btn-secondary" data-modal-close>
            <span>Annuler</span>
          </button>
          <button type="submit" form="addMiscItemForm" class="glass-modal-btn glass-modal-btn-primary">
            <span>Ajouter</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal édition personnel ménage -->
<div class="modal-layer" id="editMenageModal" data-modal-id="editMenageModal">
  <div class="modal-backdrop" data-modal-close></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-broom"></i>
            <span>Modifier les informations</span>
          </h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Close">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <form id="editMenageForm">
          <div class="glass-form-fields">
            <div class="glass-field">
              <label for="editPrenom">Prénom</label>
              <div class="glass-input">
                <i class="fas fa-user"></i>
                <input type="text" id="editPrenom" name="prenom" value="{{ $worker->prenom }}" required>
              </div>
            </div>
            <div class="glass-field">
              <label for="editEmail">Email</label>
              <div class="glass-input">
                <i class="fas fa-envelope"></i>
                <input type="email" id="editEmail" name="email" value="{{ $worker->email }}" required>
              </div>
            </div>
            <div class="glass-field">
              <label for="editLanguage">Langue préférée</label>
              <div class="glass-input">
                <i class="fas fa-language"></i>
                <select id="editLanguage" name="language" required>
                  <option value="fr" {{ $worker->language == 'fr' ? 'selected' : '' }}>Français</option>
                  <option value="ru" {{ $worker->language == 'ru' ? 'selected' : '' }}>Russe</option>
                  <option value="ro" {{ $worker->language == 'ro' ? 'selected' : '' }}>Roumain</option>
                </select>
              </div>
            </div>
            <div class="glass-field">
              <label>Statut dans l'entreprise</label>
              <div class="menage-status-form">
                <input value="salarie" name="employment_status" id="editEmploymentStatus" type="checkbox" class="menage-status-switch" {{ ($worker->employment_status ?? 'salarie') === 'salarie' ? 'checked' : '' }}>
                <label for="editEmploymentStatus" class="menage-status-label">
                  <span class="menage-status-text"></span>
                  <span class="menage-status-toggle">
                    <span class="menage-status-inactive"><span class="menage-status-hidden">Statut: </span>Micro</span>
                    <span class="menage-status-active"><span class="menage-status-hidden">Statut: </span>Salarié</span>
                  </span>
                </label>
              </div>
            </div>
          </div>
          <div class="glass-actions">
            <button type="button" class="glass-modal-btn glass-modal-btn-secondary" data-modal-close>
              <span>Annuler</span>
            </button>
            <button type="submit" class="glass-modal-btn glass-modal-btn-primary">
              <span>Enregistrer</span>
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!-- Modal de réinitialisation de mot de passe -->
<div class="modal-layer" id="resetPasswordModal" data-modal-id="resetPasswordModal">
  <div class="modal-backdrop" data-modal-close></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-key"></i>
            <span>Réinitialiser le mot de passe</span>
          </h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Close">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <div class="glass-form-fields">
          <p>Êtes-vous sûr de vouloir réinitialiser le mot de passe de ce personnel ménage ?</p>
          <p>Un email de réinitialisation sera envoyé à l'adresse : <strong>{{ $worker->email }}</strong></p>
        </div>
        <div class="glass-actions">
          <button type="button" class="glass-modal-btn glass-modal-btn-secondary" data-modal-close>
            <span>Annuler</span>
          </button>
          <button type="button" id="confirmResetPassword" class="glass-modal-btn glass-modal-btn-primary">
            <span>Réinitialiser</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal suppression personnel -->
<div class="modal-layer" id="deleteWorkerModal" data-modal-id="deleteWorkerModal">
  <div class="modal-backdrop" data-modal-close></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-trash-alt"></i>
          <span>Supprimer le personnel ménage</span>
        </h3>
        <button type="button" class="modal-close" data-modal-close aria-label="Close"><i class="fas fa-times"></i></button>
      </div>
      <div class="glass-form-fields">
        <div class="alert alert-warning">
          <i class="fas fa-exclamation-triangle"></i>
          <div>
            <h6 class="mb-1">Attention : Action irréversible</h6>
            <p class="mb-0">Êtes-vous sûr de vouloir supprimer définitivement ce personnel ménage ?</p>
            <p class="mb-0"><strong>Cette action ne peut pas être annulée.</strong></p>
          </div>
        </div>
      </div>
        <div class="glass-actions">
        <button type="button" class="glass-modal-btn glass-modal-btn-secondary" data-modal-close>
          <span>Annuler</span>
        </button>
        <button type="button" class="glass-modal-btn glass-modal-btn-danger" id="confirmDeleteWorker">
          <span>Supprimer définitivement</span>
        </button>
      </div>
    </div>
  </div>
</div>

<!-- Modal suppression planning -->
<div class="modal-layer" id="deletePlanningModal" data-modal-id="deletePlanningModal">
  <div class="modal-backdrop" data-modal-close></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-trash-alt"></i>
          <span>Supprimer le planning</span>
        </h3>
        <button type="button" class="modal-close" data-modal-close aria-label="Close"><i class="fas fa-times"></i></button>
      </div>
      <div class="glass-form-fields">
        <div class="alert alert-warning">
          <i class="fas fa-exclamation-triangle"></i>
          <div>
            <h6 class="mb-1">Attention : Action irréversible</h6>
            <p class="mb-0">Êtes-vous sûr de vouloir supprimer ce planning de ménage ?</p>
            <p class="mb-0"><strong>Cette action ne peut pas être annulée.</strong></p>
          </div>
        </div>
        <div class="planning-info" id="planningToDeleteInfo">
          <!-- Les informations du planning à supprimer seront affichées ici -->
        </div>
        
        <!-- Template pour les informations de planning à supprimer -->
        <template id="planningDeleteInfoTemplate">
          <div class="d-flex">
            <i class="fas fa-user"></i>
            <strong>Client:</strong> <span class="ms-1 planning-client-name"></span>
          </div>
          <div class="d-flex">
            <i class="fas fa-map-marker-alt"></i>
            <strong>Adresse:</strong> <span class="ms-1 planning-address-text"></span>
          </div>
        </template>
      </div>
        <div class="glass-actions">
        <button type="button" class="glass-modal-btn glass-modal-btn-secondary" data-modal-close>
          <span>Annuler</span>
        </button>
        <button type="button" class="glass-modal-btn glass-modal-btn-danger" id="confirmDeletePlanning">
          <i class="fas fa-trash-alt"></i>
          <span>Supprimer définitivement</span>
        </button>
      </div>
    </div>
  </div>
</div>



<!-- Modal de planification -->
<!-- Modal planningModal supprimé -->

@endsection

@section('scripts')
<script src="{{ asset('js/pages/admin/workers/menage-show.js') }}?v={{ time() }}"></script>
@endsection