@extends('layouts.admin')

@section('title', $pageTitle)
@section('page-title') Comptabilité @endsection
@section('page-subtitle') Gestion financière et suivi comptable @endsection

@section('styles')
<link href="{{ asset('css/layouts/admin.css') }}" rel="stylesheet">
<link href="{{ asset('css/components/modals.css') }}" rel="stylesheet">
<link href="{{ asset('css/pages/admin/accounting/accounting.css') }}?v={{ time() }}" rel="stylesheet">
<link href="{{ asset('css/components/dispatch-slider.css') }}?v={{ time() }}" rel="stylesheet">
<link href="{{ asset('css/components/dispatch-modal.css') }}?v={{ time() }}" rel="stylesheet">
@endsection

@section('content')
<div class="accounting-page">
  <div class="page-header-row">
    <div class="main-header-actions">
      <button type="button" class="btn btn-primary" id="new-entry-btn">
        <i class="fas fa-plus"></i>
        <span>Nouvelle entrée</span>
      </button>
      <!-- Bouton synchroniser supprimé - système hybride automatique -->
    </div>
  </div>

  <!-- Filtres et recherche -->
  <div class="filters-card">
    <div class="filters-row">
      <div class="filter-search-wrapper">
        <i class="fas fa-search filter-search-icon"></i>
        <input type="text" id="accounting-search" class="filter-search-input" placeholder="Rechercher une transaction...">
        <button type="button" id="clear-search" class="filter-search-clear" title="Vider la recherche" style="display: none;">
          <i class="fas fa-times"></i>
        </button>
      </div>
      
      @php
        $currentDate = \Carbon\Carbon::parse(request('year', now()->year) . '-' . request('month', now()->month) . '-01');
        $cutoffDate = \Carbon\Carbon::parse('2025-10-01');
        $showDispatch = $currentDate->gte($cutoffDate);
        
        // Récupérer ou créer la config du mois
        $dispatchConfig = \App\Models\DispatchConfiguration::firstOrCreate(
          ['year' => $currentDate->year, 'month' => $currentDate->month],
          ['sentier_percentage' => 50, 'klam_percentage' => 50]
        );
      @endphp
      
      @if($showDispatch)
      <div class="filter-dispatch-wrapper" id="dispatchWrapper" data-dispatch-details="{{ json_encode($stats['dispatch_details'] ?? []) }}">
        <span class="filter-dispatch-percentage" id="SentierPercentage">{{ $dispatchConfig->sentier_percentage }}%</span>
        @if(isset($stats['min_sentier_percentage']))
        <!-- DEBUG: min = {{ $stats['min_sentier_percentage'] }}% -->
        @endif
        <div class="filter-dispatch-logo">
          <img src="{{ asset('images/logos/Sentier_Services.png') }}" alt="Sentier Services">
        </div>
        <input type="range" class="filter-dispatch-slider" id="DispatchSlider" min="0" max="100" value="{{ $dispatchConfig->sentier_percentage }}" data-value="{{ $dispatchConfig->sentier_percentage }}" data-min="{{ $stats['min_sentier_percentage'] ?? 0 }}" data-max="{{ $stats['max_sentier_percentage'] ?? 100 }}" disabled>
        <div class="filter-dispatch-logo">
          <img src="{{ asset('images/logos/Klam.png') }}" alt="Klam">
        </div>
        <span class="filter-dispatch-percentage" id="KlamPercentage">{{ $dispatchConfig->klam_percentage }}%</span>
        <button type="button" class="filter-dispatch-edit-btn" id="EditDispatchBtn" title="Modifier le dispatch">
          <i class="fas fa-pen"></i>
        </button>
        <button type="button" class="filter-dispatch-save-btn dispatch-btn-hidden" id="SaveDispatchBtn" title="Sauvegarder">
          <i class="fas fa-check"></i>
        </button>
        <button type="button" class="filter-dispatch-info-btn" id="DispatchInfoBtn" title="Détails du dispatch">
          <i class="fas fa-info-circle"></i>
        </button>
      </div>
      @endif
      
      <div class="filter-controls-group">
        <div class="filter-select-wrapper">
          <i class="fas fa-filter filter-select-icon"></i>
          <select id="type-filter" class="filter-select">
            <option value="all">Tous les types</option>
            <option value="income">Recettes</option>
            <option value="expense">Dépenses</option>
          </select>
        </div>
        
        <div class="filter-calendar-wrapper">
          <button id="prevMonth" class="filter-calendar-btn">
            <i class="fa-solid fa-chevron-left"></i>
          </button>
          <button type="button" id="monthTitle" class="filter-calendar-current"></button>
          <button id="nextMonth" class="filter-calendar-btn">
            <i class="fa-solid fa-chevron-right"></i>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- KPI Cards -->
  <div class="stats-grid">
    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-coins text-warning"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-warning" id="stat-total-costs">{{ number_format($stats['total_costs'], 2, ',', ' ') }}€</div>
        <div class="stat-label">Coûts Total</div>
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-building text-secondary"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-secondary" id="stat-total-costs-klam">{{ number_format($stats['total_costs_klam'] ?? 0, 2, ',', ' ') }}€</div>
        <div class="stat-label">Coûts Klam</div>
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-leaf text-success"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-success" id="stat-total-costs-sentier">{{ number_format($stats['total_costs_sentier'] ?? 0, 2, ',', ' ') }}€</div>
        <div class="stat-label">Coûts Sentier Services</div>
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-chart-line text-danger"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-danger" id="stat-total-margin">{{ number_format($stats['total_margin_ht'], 2, ',', ' ') }}€</div>
        <div class="stat-label">Marge HT</div>
      </div>
    </div>
    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-euro-sign text-primary"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-primary" id="stat-total-ht">{{ number_format($stats['total_amount_ht'], 2, ',', ' ') }}€</div>
        <div class="stat-label">Total HT</div>
      </div>
    </div>

    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-percentage text-info"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-info" id="stat-total-vat">{{ number_format($stats['total_vat'], 2, ',', ' ') }}€</div>
        <div class="stat-label">Total TVA</div>
      </div>
    </div>

    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-calculator text-success"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-success" id="stat-total-ttc">{{ number_format($stats['total_amount_ttc'], 2, ',', ' ') }}€</div>
        <div class="stat-label">Total TTC</div>
      </div>
    </div>


    <div class="stat-card">
      <div class="stat-icon">
        <i class="fas fa-map-marker-alt text-secondary"></i>
      </div>
      <div class="stat-content">
        <div class="stat-value text-secondary" id="stat-addresses-count">{{ $stats['addresses_count'] }}</div>
        <div class="stat-label">Adresses</div>
      </div>
    </div>
  </div>

  <!-- Tableau des adresses travaillées -->
  <div class="profile-card">
    <div class="tab-header">
      <!-- Radio inputs for toggle (must be before the tabs container for CSS sibling selectors) -->
      <input class="acct-toggle-input" type="radio" id="acct-tab-travaux" name="accountingType" value="travaux">
      <input class="acct-toggle-input" type="radio" id="acct-tab-interventions" name="accountingType" value="interventions">
      <input class="acct-toggle-input" type="radio" id="acct-tab-menage" name="accountingType" value="cleaning">
      <input class="acct-toggle-input" type="radio" id="acct-tab-vaisselle" name="accountingType" value="dishwashing">
      <input class="acct-toggle-input" type="radio" id="acct-tab-poubelle" name="accountingType" value="bin">
      <input class="acct-toggle-input" type="radio" id="acct-tab-repassage" name="accountingType" value="ironing">
      <input class="acct-toggle-input" type="radio" id="acct-tab-autres" name="accountingType" value="other">
      <input class="acct-toggle-input" type="radio" id="acct-tab-toutes" name="accountingType" value="toutes" checked>

      <div id="accounting-type-tabs" class="accounting-tabs radio-inputs">
        <label class="radio" for="acct-tab-travaux"><span class="name"><i class="fas fa-hammer me-1"></i>Travaux</span></label>
        <label class="radio" for="acct-tab-interventions"><span class="name"><i class="fas fa-tools me-1"></i>Interventions</span></label>
        <label class="radio" for="acct-tab-menage"><span class="name"><i class="fas fa-broom me-1"></i>Ménage</span></label>
        <label class="radio" for="acct-tab-vaisselle"><span class="name"><i class="fas fa-utensils me-1"></i>Vaisselle</span></label>
        <label class="radio" for="acct-tab-poubelle"><span class="name"><i class="fas fa-trash me-1"></i>Poubelle</span></label>
        <label class="radio" for="acct-tab-repassage"><span class="name"><i class="fas fa-tshirt me-1"></i>Repassage</span></label>
        <label class="radio" for="acct-tab-autres"><span class="name"><i class="fas fa-question me-1"></i>Autres</span></label>
        <label class="radio" for="acct-tab-toutes"><span class="name"><i class="fas fa-list me-1"></i>Toutes</span></label>
    </div>
    <div class="card-body">
      <div class="accounting-table-container">
        <div class="accounting-table">
          <table class="custom-accounting-table" id="addresses-table">
            <thead>
              <tr>
                <th>
                  <input type="checkbox" id="select-all-rows" title="Tout sélectionner">
                </th>
                <th>ID</th>
                <th>Client</th>
                <th>Adresse</th>
                <th>Type</th>
                <th>Description</th>
                <th>Coûts Total</th>
                <th>Coûts Klam</th>
                <th>Coûts Sentier</th>
                <th>Marge</th>
                <th>Montant HT</th>
                <th>TVA</th>
                <th>Montant TTC</th>
                <th>Payeur</th>
                <th>Facture</th>
                <th>Actions</th>
              </tr>
            </thead>
          <tbody id="addresses-tbody">
            @if($addresses->isEmpty())
              <tr>
                <td colspan="12" class="text-center py-4">
                  <div class="empty-state">
                    <div class="empty-icon">
                      <i class="fas fa-map-marker-alt fa-3x text-muted"></i>
                    </div>
                    <p class="empty-description">Aucune adresse travaillée pour cette période.</p>
                  </div>
                </td>
              </tr>
            @else
              @foreach($addresses as $address)
                <tr data-address-id="{{ $address['address_id'] }}" 
                    @if(isset($address['entry_id'])) data-entry-id="{{ $address['entry_id'] }}" @endif
                    data-work-type-text="{{ $address['work_type'] ?? 'travaux' }}"
                    data-unique-key="{{ $address['unique_key'] ?? '' }}"
                    data-client-id="{{ $address['client_id'] ?? '' }}"
                    data-service-type="{{ $address['service_type'] ?? 'other' }}"
                    data-real-costs-klam="{{ $address['costs_klam'] ?? 0 }}"
                    data-real-costs-sentier="{{ $address['costs_sentier'] ?? 0 }}"
                    @if(isset($address['contract_id'])) data-contract-id="{{ $address['contract_id'] }}" @endif>
                  <!-- Colonne Checkbox -->
                  <td>
                    <input type="checkbox" class="row-checkbox" data-row-id="{{ $address['unique_key'] ?? $address['address_id'] }}">
                  </td>
                  <!-- Colonne ID -->
                  <td class="text-muted small">
                    {{ $address['id'] ?? '-' }}
                  </td>
                  <!-- Colonne Client -->
                  <td>
                    @include('admin.accounting.partials.client-display', [
                      'addressId' => $address['address_id'],
                      'currentClientId' => $address['client_id'],
                      'currentClientName' => $address['client_name'] ?? null,
                      'clients' => $clients
                    ])
                  </td>
                  
                  <!-- Colonne Adresse -->
                  <td>
                    <div class="address-info">
                      <div class="fw-bold">{{ $address['address_name'] }}</div>
                    </div>
                  </td>
                  
                  <!-- Colonne Type -->
                  <td>
                    @php
                      $workType = $address['work_type'] ?? 'travaux';
                      $workTypeDisplay = $address['work_type_display'] ?? 'Travaux';
                      
                      // Mapping des icônes et classes de badges.css
                      $typeConfig = [
                        'travaux' => ['icon' => 'fa-hammer', 'class' => 'service-badge travaux'],
                        'interventions' => ['icon' => 'fa-tools', 'class' => 'service-badge interventions'],
                        'cleaning' => ['icon' => 'fa-broom', 'class' => 'service-badge cleaning'],
                        'dishwashing' => ['icon' => 'fa-utensils', 'class' => 'service-badge dishwashing'],
                        'bin' => ['icon' => 'fa-trash', 'class' => 'service-badge bin'],
                        'ironing' => ['icon' => 'fa-tshirt', 'class' => 'service-badge ironing'],
                        'other' => ['icon' => 'fa-question', 'class' => 'service-badge other']
                      ];
                      
                      $config = $typeConfig[$workType] ?? $typeConfig['other'];
                    @endphp
                    <span class="{{ $config['class'] }}">
                      <i class="fas {{ $config['icon'] }}"></i>
                      {{ $workTypeDisplay }}
                    </span>
                  </td>
                  <!-- Colonne Description -->
                  <td>
                    @if(isset($address['is_manual_entry']) && $address['is_manual_entry'])
                      <!-- Pour les entrées manuelles, affichage en lecture seule -->
                      <span class="text-muted">{{ $address['work_description'] ?: 'Aucune description' }}</span>
                    @else
                      <!-- Pour les entrées automatiques, édition en ligne -->
                      <input type="text" 
                             class="form-control form-control-sm" 
                             value="{{ $address['work_description'] }}" 
                             placeholder="Description..."
                             data-address-id="{{ $address['address_id'] }}"
                             data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                             data-field="work_description">
                    @endif
                  </td>
                  
                  <!-- Colonne Coûts Total -->
                  <td class="text-end amount-costs">
                    {{ number_format($address['total_costs'], 2, ',', ' ') }}€
                  </td>
                  
                  <!-- Colonne Coûts Klam (uniquement pour travaux/interventions) -->
                  <td class="text-end amount-costs-klam">
                    @if(in_array($address['service_type'] ?? 'other', ['travaux', 'interventions']))
                      <span class="dispatch-cost-klam" data-original-cost="{{ $address['total_costs'] }}">
                        {{ number_format($address['costs_klam'] ?? 0, 2, ',', ' ') }}€
                      </span>
                    @else
                      <span class="text-muted">-</span>
                    @endif
                  </td>
                  
                  <!-- Colonne Coûts Sentier (uniquement pour travaux/interventions) -->
                  <td class="text-end amount-costs-sentier">
                    @if(in_array($address['service_type'] ?? 'other', ['travaux', 'interventions']))
                      <span class="dispatch-cost-sentier" data-original-cost="{{ $address['total_costs'] }}">
                        {{ number_format($address['costs_sentier'] ?? $address['total_costs'], 2, ',', ' ') }}€
                      </span>
                    @else
                      <span class="text-muted">-</span>
                    @endif
                  </td>
                  
                  <!-- Colonne Marge -->
                  <td>
                    <div class="table-input-wrapper">
                      <input type="number" 
                             class="table-input" 
                             value="{{ $address['margin'] }}" 
                             placeholder="0"
                             min="0"
                             max="100"
                             step="0.1"
                             data-address-id="{{ $address['address_id'] }}"
                             data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                             data-field="margin">
                      <span class="table-unit">%</span>
                      <span class="table-amount margin-amount" id="margin-amount-{{ $address['address_id'] }}">
                        @php
                          // Calcul de la marge en euros : Montant HT - Coûts Sentier
                          // Pour travaux/interventions, utiliser costs_sentier, sinon total_costs
                          $serviceType = $address['service_type'] ?? 'other';
                          $baseCosts = ($serviceType === 'travaux' || $serviceType === 'interventions') 
                              ? ($address['costs_sentier'] ?? $address['total_costs'])
                              : $address['total_costs'];
                          
                          $marginAmount = $address['amount_ht'] - $baseCosts;
                          
                          // Si le montant HT n'est pas encore calculé, la marge est 0
                          if ($address['amount_ht'] == 0 && $baseCosts > 0) {
                              $marginAmount = 0;
                          }
                        @endphp
                        {{ number_format($marginAmount, 2, ',', ' ') }}€
                      </span>
                    </div>
                  </td>
                  
                  <!-- Colonne Montant HT -->
                  <td class="text-end amount-ht">
                    {{ number_format($address['amount_ht'], 2, ',', ' ') }}€
                  </td>
                  
                  <!-- Colonne TVA -->
                  <td>
                    <div class="table-input-wrapper">
                      <select class="table-select" 
                              data-address-id="{{ $address['address_id'] }}"
                              data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                              data-field="vat_rate">
                        <option value="20" {{ $address['vat_rate'] == 20 ? 'selected' : '' }}>20</option>
                        <option value="10" {{ $address['vat_rate'] == 10 ? 'selected' : '' }}>10</option>
                        <option value="0" {{ $address['vat_rate'] == 0 ? 'selected' : '' }}>0</option>
                      </select>
                      <span class="table-unit">%</span>
                      <span class="table-amount vat-amount" id="vat-amount-{{ $address['address_id'] }}">
                        {{ number_format($address['vat_amount'], 2, ',', ' ') }}€
                      </span>
                    </div>
                  </td>
                  
                  <!-- Colonne Montant TTC -->
                  <td class="text-end amount-ttc fw-bold">
                    {{ number_format($address['amount_ttc'], 2, ',', ' ') }}€
                  </td>
                  
                  <!-- Colonne Payeur -->
                  <td>
                    @include('admin.accounting.partials.payer-selector', [
                      'addressId' => $address['address_id'],
                      'currentPayerId' => $address['payer_client_id'],
                      'clients' => $clients
                    ])
                  </td>
                  
                  <!-- Colonne Facture -->
                  <td>
                    <input type="text" 
                           class="form-control form-control-sm" 
                           value="{{ $address['invoice_reference'] ?? '' }}" 
                           placeholder="N° facture..."
                           data-address-id="{{ $address['address_id'] }}"
                           data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                           data-field="invoice_reference">
                  </td>
                  
                  <!-- Colonne Actions -->
                  <td>
                    @if(isset($address['is_manual_entry']) && $address['is_manual_entry'])
                      <!-- Actions pour les entrées manuelles -->
                      <button class="btn btn-sm btn-outline-primary me-1" 
                              data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                              data-action="edit-manual"
                              title="Modifier l'entrée">
                        <i class="fas fa-edit"></i>
                      </button>
                      <button class="btn btn-sm btn-outline-danger" 
                              data-entry-id="{{ $address['entry_id'] ?? $address['address_id'] }}"
                              data-action="delete-manual"
                              title="Supprimer l'entrée">
                        <i class="fas fa-trash"></i>
                      </button>
                    @else
                      <!-- Action pour les entrées normales -->
                      <button class="btn btn-sm btn-outline-primary" 
                              data-address-id="{{ $address['address_id'] }}"
                              data-action="edit"
                              title="Modifier">
                        <i class="fas fa-edit"></i>
                      </button>
                    @endif
                  </td>
                </tr>
              @endforeach
            @endif
          </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Nouvelle entrée -->
  <div class="modal-layer" id="newEntryModal" data-modal-id="newEntryModal">
    <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"></i>
              Nouvelle entrée comptable
            </h3>
            <button type="button" class="modal-close" data-modal-close aria-label="Fermer">
              <i class="fas fa-times"></i>
            </button>
          </div>
          <div class="glass-form-fields">
          <form id="newEntryForm">
            <!-- Client -->
            <div>
              <label for="entryClient">Client *</label>
              <div class="client-selector">
                <button type="button" class="client-selector-btn" id="entryClientBtn">
                  <div class="client-logo-container">
                    <div class="client-initials client-initials-medium" style="background-color: #6c757d;">?</div>
                  </div>
                  <span class="client-name">Sélectionner un client</span>
                  <i class="fas fa-chevron-down"></i>
                </button>
                <div class="client-dropdown" id="entryClientDropdown">
                  @foreach($clients as $client)
                    <div class="client-option" 
                         data-client-id="{{ $client->client_id }}"
                         data-client-name="{{ $client->client_name }}"
                         data-has-logo="{{ !empty($client->client_logo) ? 'true' : 'false' }}">
                      <div class="client-logo-container">
                        @if(!empty($client->client_logo))
                          <img src="{{ $client->client_logo }}" alt="{{ $client->client_name }}" class="client-logo-large">
                        @else
                          <div class="client-initials client-initials-medium" 
                               style="background-color: {{ '#' . substr(md5($client->client_id), 0, 6) }};">
                            {{ strtoupper(substr($client->client_name, 0, 1)) }}
                          </div>
                        @endif
                      </div>
                      <span>{{ $client->client_name }}</span>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>

            <!-- Adresse -->
            <div>
              <label for="entryAddress">Adresse (facultatif)</label>
              <select id="entryAddress" disabled>
                <option value="">Sélectionner d'abord un client</option>
              </select>
            </div>

            <!-- Type de prestation -->
            <div>
              <label for="entryServiceType">Type de prestation *</label>
              <select id="entryServiceType" required>
                <option value="">Sélectionner un type</option>
                <option value="travaux">Travaux</option>
                <option value="interventions">Interventions</option>
                <option value="menage">Ménage</option>
                <option value="vaisselle">Vaisselle</option>
                <option value="poubelle">Poubelle</option>
                <option value="repassage">Repassage</option>
                <option value="autres">Autres</option>
              </select>
            </div>

            <!-- Date -->
            <div>
              <label for="entryDate">Date *</label>
              <input type="date" id="entryDate" required>
            </div>

            <!-- Description -->
            <div>
              <label for="entryDescription">Description</label>
              <input type="text" id="entryDescription" placeholder="Description de la prestation">
            </div>

            <hr>

            <!-- Coûts -->
            <div>
              <label for="entryCosts">Coûts</label>
              <div class="input-with-addon">
                <input type="number" id="entryCosts" step="0.01" min="0" placeholder="0.00">
                <span>€</span>
              </div>
            </div>

            <!-- Marge -->
            <div>
              <label for="entryMargin">Marge</label>
              <div class="input-with-addon">
                <input type="number" id="entryMargin" step="0.1" min="0" max="100" placeholder="0.0">
                <span>%</span>
              </div>
            </div>

            <!-- Montant HT -->
            <div>
              <label for="entryAmountHT">Montant HT *</label>
              <div class="input-with-addon">
                <input type="number" id="entryAmountHT" step="0.01" min="0" placeholder="0.00" required>
                <span>€</span>
              </div>
            </div>

            <!-- TVA -->
            <div>
              <label for="entryVAT">TVA *</label>
              <select id="entryVAT" required>
                <option value="20">20%</option>
                <option value="10">10%</option>
                <option value="0">0%</option>
              </select>
            </div>

            <!-- Montant TTC -->
            <div>
              <label for="entryAmountTTC">Montant TTC (calculé automatiquement)</label>
              <div class="input-with-addon">
                <input type="number" id="entryAmountTTC" step="0.01" readonly>
                <span>€</span>
              </div>
            </div>

            <hr>

            <!-- Payeur -->
            <div>
              <label for="entryPayer">Payeur</label>
              <select id="entryPayer">
                <option value="">Sélectionner un payeur</option>
                @foreach($clients as $client)
                  <option value="{{ $client->client_id }}">{{ $client->client_name }}</option>
                @endforeach
              </select>
            </div>

            <!-- Facture -->
            <div>
              <label for="entryInvoice">N° Facture</label>
              <input type="text" id="entryInvoice" placeholder="Référence facture...">
            </div>
          </form>
          </div>
          <div class="glass-actions">
            <button type="button" class="button button-secondary" data-modal-close>
              <i class="fas fa-times"></i>
              <span>Annuler</span>
            </button>
            <button type="button" class="button button-primary" id="saveEntryBtn">
              <i class="fas fa-save"></i>
              <span>Enregistrer</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>

<!-- Modal de confirmation de suppression -->
<div class="modal-layer" id="deleteEntryModal" data-modal-id="deleteEntryModal">
  <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-exclamation-triangle"></i>
            Confirmer la suppression
          </h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Fermer">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <div class="glass-form-fields">
          <p>Êtes-vous sûr de vouloir supprimer cette entrée comptable ?</p>
          <div class="glass-warning">
            <i class="fas fa-info-circle"></i>
            <span>Cette action est irréversible et supprimera définitivement l'entrée de la base de données.</span>
          </div>
          <div id="entryToDeleteInfo" class="entry-delete-info">
            <div class="entry-info-section">
              <div class="client-info-display">
                <strong>Client :</strong>
                <div class="client-logo-container" id="deleteModalClientLogo">
                  <!-- Logo du client -->
                </div>
              </div>
            </div>
            <div class="entry-info-line">
              <strong>Description :</strong> 
              <span id="deleteModalDescription"><!-- Description --></span>
            </div>
            <div class="entry-info-line">
              <strong>Type :</strong> 
              <span id="deleteModalType"><!-- Type --></span>
            </div>
            <div class="entry-info-line">
              <strong>Montant HT :</strong> 
              <span id="deleteModalAmountHT"><!-- Montant HT --></span>
            </div>
          </div>
        </div>
        <div class="glass-actions">
          <button type="button" class="button button-secondary" data-modal-close>
            <i class="fas fa-times"></i>
            <span>Annuler</span>
          </button>
          <button type="button" class="button button-danger" id="confirmDeleteBtn">
            <i class="fas fa-trash"></i>
            <span>Supprimer définitivement</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal de sélection de client -->
<div class="modal-layer" id="clientSelectionModal" data-modal-id="clientSelectionModal">
  <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-users"></i>
            Sélectionner un client
          </h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Fermer">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <div class="glass-form-fields client-selection-body">
          <div class="client-cards-grid" id="clientCardsContainer">
            @foreach($clients as $client)
              @php
                $hasLogo = $client->has_custom_logo && $client->client_logo && $client->client_logo !== 'null';
                $initials = $client->initials ?? strtoupper(substr($client->client_name, 0, 2));
                $colors = ['#007bff', '#28a745', '#dc3545', '#ffc107', '#17a2b8', '#6f42c1', '#e83e8c', '#fd7e14', '#20c997', '#6c757d'];
                $color = $colors[abs(crc32($client->client_id)) % count($colors)];
                $isCompany = $client->is_company ?? false;
              @endphp
              <div class="client-card" 
                   data-client-id="{{ $client->client_id }}"
                   data-client-name="{{ $client->client_name }}">
                <div class="client-card-logo">
                  @if($hasLogo)
                    <img src="{{ $client->client_logo }}" alt="{{ $client->client_name }}" class="client-logo-large">
                  @else
                    <div class="client-initials client-initials-large" style="background-color: {{ $color }};">
                      {{ $initials }}
                    </div>
                  @endif
                </div>
                <div class="client-card-name">{{ $client->client_name }}</div>
                <div class="client-card-type">
                  {{ $isCompany ? 'Entreprise' : 'Particulier' }}
                </div>
              </div>
            @endforeach
          </div>
        </div>
        <div class="glass-actions">
          <button type="button" class="button button-secondary" data-modal-close>
            <i class="fas fa-times"></i>
            <span>Annuler</span>
          </button>
          <button type="button" class="button button-primary" id="saveClientSelection" disabled>
            <i class="fas fa-save"></i>
            <span>Enregistrer</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

<!-- Modal Confirmation Dispatch -->
<div class="modal-layer" id="dispatchConfirmModal" data-modal-id="dispatchConfirmModal" style="display: none;">
  <div class="modal-backdrop" data-modal-close></div>
  <div class="modal-container glass-modal">
    <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">
          <div class="dispatch-modal-icon-wrapper">
            <i class="fas fa-exclamation-triangle dispatch-modal-warning-icon"></i>
          </div>
          <h3 class="glass-title">Confirmer la modification du dispatch</h3>
          <button type="button" class="modal-close" data-modal-close aria-label="Fermer">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <div class="glass-form-fields">
          <p class="dispatch-modal-description">
            Vous êtes sur le point de modifier le dispatch global pour <strong>tous les ouvriers micro</strong> du mois en cours :
          </p>
          <div class="dispatch-modal-values">
            <div class="dispatch-modal-company">
              <img src="{{ asset('images/logos/Sentier_Services.png') }}" alt="Sentier Services" class="dispatch-modal-logo">
              <span class="dispatch-modal-company-label">Sentier Services</span>
              <span id="modal-sentier-percentage" class="dispatch-modal-company-percentage">50%</span>
            </div>
            <div class="dispatch-modal-arrow">
              <i class="fas fa-arrows-alt-h"></i>
            </div>
            <div class="dispatch-modal-company">
              <img src="{{ asset('images/logos/Klam.png') }}" alt="Klam" class="dispatch-modal-logo">
              <span class="dispatch-modal-company-label">Klam</span>
              <span id="modal-klam-percentage" class="dispatch-modal-company-percentage">50%</span>
            </div>
          </div>
          <div class="dispatch-modal-warning">
            <i class="fas fa-info-circle dispatch-modal-warning-icon-inline"></i>
            <span>Cette modification affectera le calcul des coûts pour tous les ouvriers avec le statut <strong>Micro</strong>.</span>
          </div>
        </div>
        <div class="glass-actions">
          <button type="button" class="button button-secondary" data-modal-close>
            <i class="fas fa-times"></i>
            <span>Annuler</span>
          </button>
          <button type="button" class="button button-primary" id="dispatch-confirm-btn">
            <i class="fas fa-check"></i>
            <span>Confirmer</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

@section('scripts')
<script src="{{ asset('js/components/dispatch-manager.js') }}?v={{ time() }}"></script>
<script src="{{ asset('js/pages/admin/accounting/accounting.js') }}?v={{ time() }}"></script>
@endsection