{% extends 'mails/base.twig' %}

{% block content %}
    <mj-text>
        Bonjour,
    </mj-text>

    <mj-text>
        L'état des lieux pour la réservation <strong>#{{ datas.contrat.numReservation }}</strong> a été validé et signé par les deux parties.
    </mj-text>

    <mj-text font-weight="bold" font-size="14px" padding-top="20px">
        Détails de l'intervention :
    </mj-text>
    <mj-text>
        <strong>Client :</strong> {{ datas.contrat.customer.surname }} {{ datas.contrat.customer.name }}<br>
        <strong>Lieu :</strong> {{ datas.contrat.addressEvent }} {{ datas.contrat.zipCodeEvent }} {{ datas.contrat.townEvent }}
    </mj-text>

    {# Section Observations (Entrant ou Sortant selon le contexte) #}
    {% set comments = datas.etatLieux.status == 'edl_validated' ? datas.etatLieux.comments : datas.etatLieux.commentsReturn %}

    {% if comments|length > 0 %}
        <mj-text font-weight="bold" font-size="14px" padding-top="20px">
            Observations / Commentaires :
        </mj-text>
        {% for comment in comments %}
            <mj-text padding-bottom="0">
                - [{{ comment.createdAt|date('d/m H:i') }}] {{ comment.content }}
            </mj-text>
        {% endfor %}
    {% endif %}

    {# Section Médias #}
    {% set files = datas.etatLieux.status == 'edl_validated' ? datas.etatLieux.files : datas.etatLieux.filesReturn %}

    {% if files|length > 0 %}
        <mj-text font-weight="bold" font-size="14px" padding-top="20px">
            Médias joints au dossier ({{ files|length }}) :
        </mj-text>
        {% for file in files %}
            <mj-text padding-bottom="2px">
                - <a href="{{ system.path }}{{ vich_uploader_asset(file, 'file') }}" target="_blank" style="color:#3b82f6; text-decoration:underline;">
                    Voir le fichier {{ loop.index }} ({{ file.type|capitalize }})
                </a>
            </mj-text>
        {% endfor %}
    {% endif %}

    <mj-text padding-top="20px" font-weight="bold" color="#10b981">
        L'exemplaire signé de votre état des lieux est joint à cet e-mail en version PDF.
    </mj-text>

    <mj-button href="{{ system.path }}{{ path('etl_contrat_view', {id: datas.contrat.id}) }}" background-color="#3b82f6" border-radius="8px" font-weight="bold" padding-top="20px">
        Accéder à mon dossier
    </mj-button>
{% endblock %}
