{{-- Composant réutilisable pour le slider de dispatch des factures --}}
<div class="dispatch-slider-component {{ $compact ?? false ? 'compact' : '' }}" 
     data-worker-id="{{ $workerId ?? 'all' }}" 
     data-year="{{ $year }}" 
     data-month="{{ $month }}"
     data-mode="{{ $mode ?? 'single' }}">
  <div class="dispatch-main-row">
    <div class="dispatch-column">
      <span class="dispatch-percentage klam-percentage">50%</span>
      <span class="dispatch-label">Klam</span>
      @if(isset($showAmounts) && $showAmounts)
        <span class="dispatch-amount klam-amount">(0,00 €)</span>
      @endif
    </div>
    
    <input type="range" class="dispatch-slider" min="0" max="100" value="50" {{ ($readonly ?? false) ? 'disabled' : '' }}>
    
    <div class="dispatch-column">
      <span class="dispatch-percentage sentier-percentage">50%</span>
      <span class="dispatch-label">Sentier Services</span>
      @if(isset($showAmounts) && $showAmounts)
        <span class="dispatch-amount sentier-amount">(0,00 €)</span>
      @endif
    </div>
  </div>
</div>