{{-- Templates HTML réutilisables pour le profil ouvrier --}}
{{-- Ces templates sont cachés par défaut et clonés par JavaScript --}}

{{-- Template: Spinner de chargement --}}
<template id="template-loading">
  <div class="text-center py-4">
    <div class="spinner-border text-primary" role="status">
      <span class="visually-hidden">Chargement...</span>
    </div>
  </div>
</template>

{{-- Template: État vide pour les horaires --}}
<template id="template-empty-schedules">
  <div class="empty-state">
    <div class="empty-icon">
      <i class="fas fa-clock fa-3x"></i>
    </div>
    <p class="empty-description">Aucun horaire déclaré pour ce mois.</p>
  </div>
</template>

{{-- Template: État vide pour les éléments divers --}}
<template id="template-empty-misc-items">
  <div class="empty-state">
    <div class="empty-icon">
      <i class="fas fa-file-invoice-dollar fa-3x"></i>
    </div>
    <p class="empty-description">Aucun élément divers pour ce mois.</p>
  </div>
</template>

{{-- Template: Adresse professionnelle non renseignée --}}
<template id="template-empty-business-address">
  <span class="info-muted">Non renseignée</span>
</template>

{{-- Template: Ligne d'adresse professionnelle --}}
<template id="template-business-address-line">
  <span data-address-line></span>
</template>

{{-- Template: Tableau des éléments divers --}}
<template id="template-misc-items-table">
  <div class="table-responsive">
    <table class="schedules-table">
      <thead>
        <tr>
          <th class="text-start">Titre</th>
          <th class="text-end">Montant</th>
          <th class="text-end">Actions</th>
        </tr>
      </thead>
      <tbody id="miscItemsTableBody"></tbody>
      <tfoot>
        <tr class="table-total-row">
          <td class="text-start font-weight-bold">Total</td>
          <td class="text-end font-weight-bold">
            <span data-total-amount></span>
          </td>
          <td></td>
        </tr>
      </tfoot>
    </table>
  </div>
</template>

{{-- Template: Ligne de tableau élément divers --}}
<template id="template-misc-item-row">
  <tr>
    <td class="table-cell" data-item-title></td>
    <td class="text-end" data-item-amount></td>
    <td class="text-end">
      <div class="btn-group">
        <button type="button" class="btn-icon btn-icon--primary" data-action="edit-misc-item" title="Modifier">
          <i class="fas fa-pen"></i>
        </button>
        <button type="button" class="btn-icon btn-icon--danger" data-action="delete-misc-item" title="Supprimer">
          <i class="fas fa-trash"></i>
        </button>
      </div>
    </td>
  </tr>
</template>

{{-- Template: Ligne de tableau horaire --}}
<template id="template-schedule-row">
  <tr>
    <td class="font-weight-medium" data-schedule-date></td>
    <td data-schedule-address></td>
    <td class="text-center" data-schedule-type></td>
    <td data-schedule-start></td>
    <td data-schedule-end></td>
    <td data-schedule-extra></td>
    <td class="font-weight-medium" data-schedule-hours-total></td>
    <td class="font-weight-medium" data-schedule-total></td>
    <td class="text-end">
      <div class="btn-group">
        <button type="button" class="btn-icon btn-icon--primary edit-schedule" title="Modifier">
          <i class="fas fa-pen"></i>
        </button>
        <button type="button" class="btn-icon btn-icon--danger delete-schedule" title="Supprimer">
          <i class="fas fa-trash"></i>
        </button>
      </div>
    </td>
  </tr>
</template>

{{-- Template: Pied de tableau horaires --}}
<template id="template-schedule-footer">
  <tfoot>
    <tr class="table-total-row">
      <td colspan="5" class="text-end font-weight-bold">Total</td>
      <td class="font-weight-bold" data-total-extra></td>
      <td class="font-weight-bold" data-total-hours></td>
      <td class="font-weight-bold" data-total-cost></td>
      <td></td>
    </tr>
  </tfoot>
</template>

{{-- Template: Pastille de type de service --}}
<template id="template-service-pill">
  <span class="service-pill" data-service-type>
    <i class="fas" data-service-icon></i>
  </span>
</template>