{% extends '@email/base.html.twig' %}

{% block content %}
<h2>Bonjour,</h2>

<p>Veuillez trouver ci-joint le planning du site <strong>{{ site.name }}</strong> pour le mois de <strong>{{ monthName }} {{ year }}</strong>.</p>

<h3>Informations du site</h3>
<table style="border-collapse: collapse; width: 100%; margin: 20px 0;">
    <tr>
        <td style="border: 1px solid #dee2e6; padding: 8px; background-color: #f8f9fa; width: 30%;"><strong>Site</strong></td>
        <td style="border: 1px solid #dee2e6; padding: 8px;">{{ site.name }}</td>
    </tr>
    <tr>
        <td style="border: 1px solid #dee2e6; padding: 8px; background-color: #f8f9fa;"><strong>Adresse</strong></td>
        <td style="border: 1px solid #dee2e6; padding: 8px;">{{ site.address }}, {{ site.postalCode }} {{ site.city }}</td>
    </tr>
    <tr>
        <td style="border: 1px solid #dee2e6; padding: 8px; background-color: #f8f9fa;"><strong>Client</strong></td>
        <td style="border: 1px solid #dee2e6; padding: 8px;">{{ client.name }}</td>
    </tr>
</table>

<h3>Récapitulatif des heures</h3>
<table style="border-collapse: collapse; width: 100%; margin: 20px 0;">
    <tr style="background-color: #f8f9fa;">
        <th style="border: 1px solid #dee2e6; padding: 8px; text-align: left;">Type</th>
        <th style="border: 1px solid #dee2e6; padding: 8px; text-align: right;">Heures</th>
    </tr>
    <tr>
        <td style="border: 1px solid #dee2e6; padding: 8px;">Heures de jour</td>
        <td style="border: 1px solid #dee2e6; padding: 8px; text-align: right;">{{ totals.day|number_format(2, ',', ' ') }} h</td>
    </tr>
    <tr>
        <td style="border: 1px solid #dee2e6; padding: 8px;">Heures de nuit</td>
        <td style="border: 1px solid #dee2e6; padding: 8px; text-align: right;">{{ totals.night|number_format(2, ',', ' ') }} h</td>
    </tr>
    <tr style="background-color: #e9ecef; font-weight: bold;">
        <td style="border: 1px solid #dee2e6; padding: 8px;">TOTAL</td>
        <td style="border: 1px solid #dee2e6; padding: 8px; text-align: right;">{{ totals.total|number_format(2, ',', ' ') }} h</td>
    </tr>
</table>

<p style="color: #6c757d; font-style: italic;">
    Ce planning est susceptible d'être modifié en cours de mois.
    En cas de question, n'hésitez pas à nous contacter.
</p>

<p>Cordialement,<br>
<strong>{{ site.agency.name }}</strong></p>
{% endblock %}