{% extends 'report/base.html.twig' %}
{% block css %}
    {{ parent() }}
{#    <style>#}

    body {
        padding: 50px
    }

    h3 {
        text-align: center;
        font-family: 'Questrial', sans-serif;
    }

    table {
        page-break-inside: avoid !important;
        margin-top: 50px;
        width: 100%;
        border-bottom: 1px solid black;
        border-spacing: 0;
        border-collapse: collapse;
    }

    table tr:nth-child(1) {
        background-color: {{ ORANGE }};
        border: 1px solid {{ ORANGE }};
    }

    table tr {
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    table th {
        text-align: left;
        color: white;
        padding: 5px;
        font-size: 13px;
    }

    table td {
        font-size: 12px;
        padding: 5px;
    }

    .label-column {
        font-size: 12px;
        text-align: center;
    }

    .checkbox-column {
        text-align: center;
    }

    .done {
        background-color: {{ ORANGE }};
    }

    .not-done {
        background-color: #a6a6a6;
    }

    .no-object {
        background-color: #d8d8d9;
    }

    p {
        page-break-inside: avoid !important;
        margin-top: 30px;
    }

    @page {
        margin: 47px 45px ;
    }

    footer {
        position: fixed;
        width: 794px;
        bottom: -50px;
        left: -45px;
        right: 0px;
        height: 48px;
        text-align: center;
        font-size: 18px;
    }

    footer span {
        position: absolute;
        bottom: 14px;
        left: 50%;
        transform: translateX(-50%);
        color: grey;
        font-size: 10px;
    }

    footer span:after {
        content: '{{ footerContent }}';
    }

    .containerImgBlockCompany {
        position: relative;
        transform: translateY(-50px);
    }

    .containerLogoCompany {
        margin-left: 0;
     }

    .section-subtitle {
        font-weight: bold;
        color: {{ ORANGE }}
    }
    {% if isDemo %}
        .blockDemo {
            border: 1px solid orange;
            display: block;
            padding: 2rem;
            text-align: center;
            border-radius: 3px;
        }
    {% endif %}
{% endblock %}
{% block body %}
    {{ parent() }}
    {% block infoCompany %}{% endblock %}
{% endblock %}
{% block firstPage %}
    <div class="containerImgBlockCompany">
        <div class="containerLogoCompany">
            <img src="{{ companyLogoPath }}">
        </div>
        <div class="containerLogoIB">
            <img src="{{ imgLogoIB }}">
        </div>
    </div>
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}

    <h3>ATTESTATION D’ENTRETIEN ET/OU RAMONAGE<br> APPAREIL A COMBUSTIBLE SOLIDE</h3>

    <h5>{{ dateReport }}</h5>
    <table>
        <tr>
            <th>ENTREPRISE</th>
        </tr>
        <tr>
            <td>Nom de l'entreprise : {{ company }}</td>
        </tr>
        <tr>
            <td>Nom du technicien : {{ serviceCreatedOnProject.createdByUser.fullName }}</td>
        </tr>
        <tr>
            <td>Adresse : {{ companyAddress }}</td>
        </tr>
        <tr>
            <td>Tel : {{ phone }}</td>
        </tr>
    </table>

    <table>
        <tr>
            <th>INFORMATIONS CLIENTS</th>
        </tr>
        <tr>
            <td>Nom et prénom : {{ nameFC }}</td>
        </tr>
        <tr>
            <td>Adresse de l'installation : {{ addressProject }}</td>
        </tr>
    </table>

    <table>
        <tr>
            <th>DONNÉES ESSENTIELLES</th>
            <th></th>
        </tr>
        <tr>
            <td>Marque et modèle App : {{ essentialData['brand'] ~ ' ' ~ essentialData['model'] }}</td>
            <td>Circuit hydraulique : {{ essentialData['circuit'] }}</td>
        </tr>
        <tr>
            <td>Type appareil : {{ essentialData['typeDevice'] }}</td>
            <td>
                {% if serviceCreatedOnProject.serviceDataValueKey('serie-number') is not null  %}
                    Numéro de série : {{ serviceCreatedOnProject.serviceDataValueKey('serie-number') }}
                {% endif %}
            </td>
        </tr>
        {% if essentialData['pn'] is not null and serviceCreatedOnProject.serviceDataValueKey('last-maintenance-date') is not null %}
            <tr>
                <td>
                    {% if essentialData['pn'] is not null %}
                        Puissance nominale : {{ essentialData['pn'] }} kW
                    {% endif %}
                </td>
                <td>
                    {% if serviceCreatedOnProject.serviceDataValueKey('last-maintenance-date') is not null %}
                        Date du dernier entretien : {{ serviceCreatedOnProject.serviceDataValueKey('last-maintenance-date')|date('d/m/Y') }}
                    {% endif %}
                </td>
            </tr>
        {% endif %}
        {% if essentialData['pr'] is not null and serviceCreatedOnProject.serviceDataValueKey('last-sweeping-date') is not null %}
            <tr>
                <td>
                    {% if essentialData['pr'] is not null %}
                        Puissance réduite : {{ essentialData['pr'] }} kW
                    {% endif %}
                </td>
                <td>
                    {% if serviceCreatedOnProject.serviceDataValueKey('last-sweeping-date') is not null %}
                        Date du dernier ramonage : {{ serviceCreatedOnProject.serviceDataValueKey('last-sweeping-date')|date('d/m/Y') }}
                    {% endif %}
                </td>
            </tr>
        {% endif %}
        <tr>
            <td>Opération(s) effectuée(s) : {{ essentialData['operations'] }}</td>
            <td>
                {% if essentialData['airSupply'] is not null %}
                    Amenée d’air : {{ essentialData['airSupply'] }}
                {% endif %}
            </td>
        </tr>
        {% if serviceCreatedOnProject.serviceDataValueKey('consumption') is not null %}
            <tr>
                <td>Consommation annuelle de combustibles : {{ serviceCreatedOnProject.serviceDataValueKey('consumption') ~ ' ' ~ essentialData['consumptionUnit'] }}</td>
                <td></td>
            </tr>
        {% endif %}
        <tr>
            <td>Usage de l’appareil : {{ essentialData['usage'] }}</td>
            <td>
                {% if essentialData['customerPresence'] is not null %}
                    Client présent : {{ essentialData['customerPresence'] }}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td>Date de la visite : {{ serviceCreatedOnProject.serviceDataValueKey('visit-date')|date('d/m/Y') }}</td>
            <td>
                {% if essentialData['utilization'] is not null %}
                    Utilisation de l’appareil : {{ essentialData['utilization'] }}
                {% endif %}
            </td>
        </tr>
    </table>

    {% for keySection,section in questionsBySection %}
        {% if keySection not in sectionsToHide %}
            {% if isDemo %}
                {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
            {% endif %}
            <table class="table-question">
                <tr>
                    <th style="width: 75%;">{{ section.label }}</th>
                    <th class="label-column">Effectué</th>
                    <th class="label-column">Non effectué</th>
                    <th class="label-column">Sans objet</th>
                </tr>
                {% for keySubtitle, subtitle in section.subtitles %}
                    {% for keyQuestion, question in subtitle.questions %}
                        {% if serviceCreatedOnProject.serviceDataValueKey(keyQuestion) is not null %}
                            {% if subtitlesLabel[keySubtitle] and loop.first %}
                                <tr>
                                    <td>
                                        <span class="section-subtitle">{{ subtitlesLabel[keySubtitle] }} :</span>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            {% endif %}
                            <tr>
                                <td>
                                    {% if question.inputIntegrated %}
                                        <span>
                                            {{ question.label|raw|replace(
                                                {'[response]': serviceCreatedOnProject.serviceDataValueKey(keyQuestion ~ '.comment')}
                                            ) }}
                                        </span>
                                    {% else %}
                                        <span>{{ question.label|raw }}</span>
                                    {% endif %}
                                </td>
                                {% set response = serviceCreatedOnProject.serviceDataValueKey(keyQuestion) %}
                                <td class="checkbox-column {{ response === 'done' ? 'done' : '' }}">
                                    {% if response === 'done' %}
                                        <input type="checkbox" checked>
                                    {% endif %}
                                </td>
                                <td class="checkbox-column {{ response === 'not-done' ? 'not-done' : '' }}">
                                    {% if response === 'not-done' %}
                                        <input type="checkbox" checked>
                                    {% endif %}
                                </td>
                                <td class="checkbox-column {{ response === 'no-object' ? 'no-object' : '' }}">
                                    {% if response === 'no-object' %}
                                        <input type="checkbox" checked>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                {% endfor %}
            </table>
        {% endif %}
        {% if keySection == 'RecommendedRamonagePoint' %}
            <p>
                <b>Information du commanditaire sur le décret du 20 juillet 2023 :</b>
                <br>
                {% if isDemo %}
                    <div class="blockDemo">
                        Avec votre abonnement, vous trouverez les informations du commanditaire sur le décret du 20 juillet 2023
                    </div>
                    {% else %}
                        Après tout accident, sinistre, notamment feu de cheminée, ou exécution de travaux, l’usage des conduits
                        et appareils qui y sont raccordés est interdit dans l’attente de leur remise en état ou de leur remplacement.
                        Le commanditaire mentionné à l’article R. 1331-21 les fait examiner par un installateur, ou toute autre
                        personne qualifiée conformément à l’article R. 1331-22, qui établit une attestation.
                        En l’absence de remplacement, l’attestation est établie conformément à l’article R. 1331-23.
                {% endif %}
            </p>
        {% elseif keySection == 'AdvicePossibleUpdate' %}
            <p>
                <b>Arrêté du 20 juillet 2023 :</b>
                <br>
            {% if isDemo %}
                <div class="blockDemo">
                    Avec votre abonnement, vous trouverez les informations sur l’arrêté du 20 juillet 2023
                </div>
            {% else %}
                Ces conseils et recommandations sont joints à l’attestation d’entretien.
                Ils sont donnés à titre indicatif et ont une valeur informative, et sont conformes aux recommandations
                disponibles sur le site internet de l’Agence de l’environnement et de la maitrise de l’énergie (ADEME).
                Aucun investissement proposé par la personne ayant effectué l’entretien ne revêt un caractère obligatoire.
                Il s’agit de conseils et non de prescriptions ou d’injonctions de faire.
                {% endif %}
            </p>
                <table style="border: none; margin-top: 10px">
                    <tr style="background-color: white;border: none">
                        <td style="width: 70%">
                            Retrouvez tous les conseils de l’ADEME pour utiliser au mieux votre appareil de chauffage au bois tout
                            en préservant l’environnement sur :
                            <a href="https://bit.ly/Conseils_ADEME_Chauffage_au_bois">Bien se chauffer au bois pour moins polluer</a>
                            ou en scannant ce code
                        </td>
                        <td>
                            <img style="width: 50px" alt="arrow right" src="{{ arrow }}">
                        </td>
                        <td style="width: 20%"><img alt="qrcode" src="{{ qrcode }}"></td>
                    </tr>
                </table>
        {% endif %}
    {% endfor %}

    <table style="table-layout: fixed;">
        <tr>
            <th>COMMENTAIRES DU TECHNICIEN</th>
            <th></th>
            <th></th>
        </tr>
        {% for keySection,section in questionsBySection %}
            {% if keySection in sectionsToShowComment %}
                {% for keySubtitle,subtitle in section.subtitles %}
                    {% for keySection,question in subtitle.questions %}
                        {% set comment = serviceCreatedOnProject.serviceDataValueKey(keySection ~ '.comment') %}
                        {% if comment is not null and question.inputIntegrated == false %}
                            <tr>
                                <td style="width: 33%">{{ loop.first ? section.label : '' }}</td>
                                <td style="width: 33%">{{ question.label }}</td>
                                <td style="overflow-wrap: break-word;width: 33%">{{ comment }}</td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                {% endfor %}
            {% endif %}
        {% endfor %}
        <tr>
            <td style="width: 33%">COMMENTAIRE GÉNÉRAL</td>
            <td style="overflow-wrap: break-word;width: 33%">{{ serviceCreatedOnProject.serviceDataValueKey('global-comment') }}</td>
            <td></td>
        </tr>
    </table>

    <p>
        <b>Instructions au commanditaire :</b>
        <br>
        {% if isDemo %}
            <div class="blockDemo">
                Avec votre abonnement, vous trouverez les instructions au commanditaire
            </div>
            {% else %}
                Selon le décret n°2023-641 du 20 juillet 2023, le commanditaire des opérations d’entretien et/ou ramonage doit
                conserver cette attestation pendant 2 ans minimum et la tenir à la disposition des agents mentionnés par le code
                de l’environnement.
        {% endif %}
    </p>

    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <table style="border: none">
        <tr style="border: none">
            <th style="width: 45%;">NOMS ET SIGNATURE DE L’OPÉRATEUR</th>
            <th style="background-color: white;width: 10%;border: none;">&nbsp;</th>
            <th style="width: 45%;">SIGNATURE DU CLIENT</th>
        </tr>
        <tr>
            <td style="border: 1px solid black;border-top: none;height: 150px">
                {% if signatureMaintainer is defined %}
                    <img style="width: 100%" src="{{ signatureMaintainer }}" alt="Signature de l'opérateur">
                {% endif %}
            </td>
            <td></td>
            <td style="border: 1px solid black;border-top: none;height: 150px">
                {% if signatureCustomer is defined %}
                    <img style="width: 100%" src="{{ signatureCustomer }}" alt="Signature du client">
                {% endif %}
            </td>
        </tr>
    </table>
{% endblock %}