{{!< main}}
<span class="preheader">Mise à jour de votre demande d'absence.</span>
<span class="badge">Suivi d'absence</span>
<h1 class="email-title">Demande d'absence</h1>
<p class="email-text">
  Bonjour {{userName}},
  {{#if statusLabel}}
    votre demande d'absence a été <strong>{{statusLabel}}</strong>{{#if actorName}} par {{actorName}}{{/if}}.
  {{else}}
    votre demande d'absence a été mise à jour{{#if actorName}} par {{actorName}}{{/if}}.
  {{/if}}
</p>
<ul class="email-list">
  <li><strong>Période :</strong> du {{startDateLabel}} au {{endDateLabel}}</li>
  <li><strong>Type :</strong> {{type}}</li>
  <li><strong>Statut :</strong> {{status}}</li>
  <li><strong>Raison :</strong> {{reason}}</li>
</ul>
{{#if changes}}
  <h2 class="email-subtitle">Modifications récentes</h2>
  <ul class="email-list">
    {{#each changes}}
      <li><strong>{{this.field}} :</strong> {{#if this.from}}{{this.from}} → {{/if}}{{this.to}}</li>
    {{/each}}
  </ul>
{{/if}}
<div class="email-cta">
  <a class="button" href="{{absenceUrl}}" target="_blank">Voir la demande</a>
</div>
<p class="email-meta">
  Si le bouton ne fonctionne pas, copiez-collez ce lien dans votre navigateur :<br />
  <a href="{{absenceUrl}}">{{absenceUrl}}</a>
</p>