{% extends 'report/base.html.twig' %}
{% import "report/macro_Report.html.twig" as macro %}
{% block title %}Rapport Audit expertise pour <br> {{ fc }}{% endblock %}
{% block css %}
    {{ parent() }}
    <style>

        .container-summary {
            font-size: 10px !important;
            width: 70%;
            padding-left: 5px;
        }

        .container-summary p {
            margin: 0;
        }

        .block-summary {

        }

        .subtitle-summary {
            color: #fc971f;
            font-weight: bold;
            margin: 5px 0;
            font-size: 20px;
        }

        .subtitle-combustible-summary {
            color: #fc971f;
            font-weight: bold;
            margin: 0;
        }

        .info-service {
            color: #00708E;
        }

        .section-dropdown {
            width: 70%;
            border-top-right-radius: 7% 50%;
            border-bottom-right-radius: 7% 50%;
            padding-left: 10px;
            padding-right: 50px;
            background-color: #FED7A8;
        }

        /* I20A-2430 - table cells in row */
        .table-result-detail-summary,
        .table-result-detail-summary tbody,
        .table-result-detail-summary thead,
        .table-result-detail-summary tr,
        .table-result-detail-summary td,
        .table-result-detail-summary th {
            display: block;
        }

        .table-result-detail-summary tbody {
            margin-top: 30px;
        }

        .table-result-detail-summary thead {
            display: none;
        }

        .table-result-detail-summary th {
            font-size: 0.83em;
            text-align: left;
            width: auto !important;
        }

        .table-result-detail-summary th:nth-child(2),
        .table-result-detail-summary th:nth-child(3) {
            margin-top: 25px;
        }

        .table-title-smartphone {
            display: block;
        }

        .table-result-detail-summary {
            border-collapse: separate;
            border-spacing: 10px 0 !important;
            height: auto !important;
            width: auto !important;
        }

        .table-result-detail-summary tbody span,
        .table-result-detail-summary tbody p {
            font-size: 13px !important;
        }

        .table-result-detail-summary th {
            height: auto !important;
        }

        .table-result-detail-summary td {
            padding: 10px 0;
            vertical-align: top;
        }

        .container-result-detail div:nth-child(2), .container-result-detail p:last-child {
            position: relative;
            padding: 0 10px;
        }

        .sentences-result-detail {
            width: 100%;
            display: table;
            margin-bottom: 10px;
        }

        .sentences-result-detail span {
            display: table-row;
            /*line-height: .5;*/
        }

        .result-deper-value {
            border: 2px solid black;
            height: 4rem;
            padding-left: 1rem;
            line-height: 3rem;
        }

        .result-deper-value span {
            font-size: 1.2rem;
        }

        .values-result-detail {
            position: relative;
            margin-bottom: 10px;
        }

        .values-result-detail p:last-child {
            position: absolute;
            top: 0;
            right: 20px;
        }

        .subtitle-combustible-summary {
            margin: 0;
        }

        h5.subtitle-combustible-summary {
            /*margin: 20px 0;*/
        }

        #container-puissance-report div {
            /*margin: 2px 0;*/
        }

        #container-puissance-report,
        #contentAirSupply > div,
        .product-report,
        .dimensions-report,
        .habitation-report,
        .coform-report,
        .materiel-report,
        .serviceTitle,
        .improvements-report {
            position: relative;
        }

        .dimensions-report {
            margin-bottom: 15px;
        }

        #contentAirSupply > div {
            margin-bottom: 5px;
        }

        .product-report div,
        .habitation-report div,
        .coform-report div,
        .materiel-report div,
        .improvements-report div {
            width: 49.5% !important;
        }

        .product-report .block-summary .subtitle-combustible-summary {
            margin-top: 0;
        }

        #container-puissance-report div:nth-child(2),
        #container-puissance-report div:last-child,
        #contentAirSupply > div .block-summary div:last-child,
        .product-report div:last-child,
        .dimensions-report div:last-child,
        .habitation-report div:last-child,
        .coform-report div:last-child,
        .materiel-report div:last-child,
        .serviceTitle div:last-child,
        .improvements-report div:last-child {
            position: absolute;
            top: 0;
        }

        #contentAirSupply > div .block-summary div:last-child,
        .dimensions-report div:last-child {
            width: auto !important;
        }

        #container-puissance-report div:last-child,
        #contentAirSupply > div .block-summary div:last-child,
        .product-report div:last-child,
        .dimensions-report div:last-child,
        .habitation-report div:last-child,
        .coform-report div:last-child,
        .materiel-report div:last-child,
        .deper-general-infos-report div:last-child,
        .improvements-report div:last-child {
            right: 5px;
        }

        #container-puissance-report div:nth-child(2) {
            right: 250px;
        }

        .improvements-parent-report {
            margin-top: 25px;
        }

        .serviceTitle {
            margin: 50px 0;
        }

        .serviceTitle img {
            width: 50px;
            margin-top: 5px;
        }

        .serviceTitle div:last-child {
            left: 60px;
        }

        .serviceTitle div:last-child {
            margin-top: 20px;
        }

        .serviceTitle div span {
            font-weight: 100;
            font-size: 25px;
        }

        .section-dropdown {
            margin: 50px 0 15px 0;
        }

        #contentDevice .container-summary,
        #contentHome .container-summary,
        #contentAirSupplyRtp .container-summary,
        #contentSmokeDuct .container-summary,
        #contentConnectingDuct .container-summary,
        #contentAirSupply .container-summary,
        #contentConform .container-summary,
        .table-container {
            display: table;
            width: 100%;
        }

        #contentDevice #container-puissance-report,
        #contentHome .container-summary .block-summary,
        #contentAirSupplyRtp .container-summary .block-summary,
        #contentSmokeDuct .container-summary .block-summary,
        #contentConnectingDuct .container-summary .block-summary,
        #contentAirSupply .container-summary .block-summary,
        #contentConform .container-summary .block-summary,
        .table-row {
            display: table-row;
        }

        #contentDevice #container-puissance-report div,
        #contentHome .container-summary .block-summary div,
        #contentAirSupplyRtp .container-summary .block-summary div,
        #contentSmokeDuct .container-summary .block-summary div,
        #contentConnectingDuct .container-summary .block-summary div,
        #contentAirSupply .container-summary .block-summary div,
        #contentConform .container-summary .block-summary div,
        .table-row div {
            display: table-cell;
            width: 49% !important;
            padding-right: 5px;
        }

        #contentAirSupply .container-summary .block-summary div h5 {
            margin: 0;
        }

        #block-install {
            width: auto !important;
        }

        #block-install .info-service {
            vertical-align: auto !important;
        }

        .imgInstallcontainer_report {
            position: relative;
        }

        .imgInstall_report {
            position: absolute;
            padding-top: 50px;
            left: 30px;
        }

        .containerLogoIB {
            margin-right: 0;
        }

        .page {
            width: 702px;
        }

        .info-service, .subtitle-combustible-summary {
            /*line-height: 2px!important;*/
        }

        sub {
            line-height: 0;
        }

        .sentencestable-result td {
            padding-top: 15px;
        }

        .container-summary {
            margin-bottom: 0 !important;
        }

        p > br:first-child {
            display: none;
        }

        .values-result-detail p > br:first-child {
            display: block;
        }

        .no-break-report {
            page-break-inside: avoid !important;
        }
        {% if isDemo %}
        .watermark {
            font-size: 75px;
            z-index: 9999;
        }
        .result-deper-value .info-service,
        .device-summary .info-service,
        .summary-air-supply .info-service,
        .summary-connecting-duct .info-service,
        .summary-smoke-duct .info-service,
        .habitation-report .info-service,
        .air-supply-report  .info-service,
        .coform-report .info-service,
        .materiel-report .info-service
        {
            background-color: #b3b3b3;
            color: #b3b3b3;
            border-radius: 3px;
        }

        .blockDemo {
            margin-top: 10px;
            border: 1px solid orange;
            display: block;
            padding: 35px;
            text-align: center;
            border-radius: 3px;
        }
        {% endif %}
    </style>
{% endblock %}
{% block body %}
    {{ parent() }}
{% endblock %}
{% block firstPage %}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    {% set title = "- Dossier n°"~project.id %}
    {% if servicesDone['aac_cdc']['done'] or servicesDone['rtp']['done'] or servicesDone['moninstallation']['done'] %}
        {% set address = project.defaultAddress %}
        <div class="container-summary table-container no-break-report" style="page-break-after: always;">
            <h4 class="subtitle-summary">INSTALLATION</h4>
            <div class="block-summary table-row">
                {{ include('summary/_block/_installation.html.twig') }}
            </div>
        </div>
    {% endif %}
    {% if (servicesDone['aac_cdc']['done'] or servicesDone['moninstallation']['done'] ) and (onlyWetForAudit is null or onlyWetForAudit == false) %}
        {% if isDemo %}
            {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
        {% endif %}
        <div style="page-break-after: always;">
            <div class="serviceTitle">
                <div>
                    <img src="{{ servicesDone['aac_cdc']['done'] and (onlyWetForAudit is null or onlyWetForAudit == false) ? icon_aac_cdc : icon_moninstallation }}">
                </div>
                <div>
                    <span>{{ servicesDone['aac_cdc']['done'] and (onlyWetForAudit is null or onlyWetForAudit == false) ? 'CALCUL DE DIMENSIONNEMENT '~title : 'MON INSTALLATION '~title }}</span>
                </div>
            </div>
            {% if servicesDone['aac_cdc']['done'] and (onlyWetForAudit is null or onlyWetForAudit == false) %}
                <div class="container-summary no-break-report" style="margin-top: 20px;gap: 0">
                    <h4 class="subtitle-summary" style="margin-bottom: 0">
                        {% if isDemo %}
                            RÉSULTATS DU CALCUL DE DÉMONSTRATION
                            {% else %}
                            RÉSULTATS DU CALCUL
                        {% endif %}
                    </h4>
                    <div class="block-summary">
                        {{ include('summary/aac_cdc/_result_calcul.html.twig') }}
                    </div>
                </div>
                <br>
                <div style="margin-top: 20px;" class="no-break-report">
                    <div id="sectionDetail" class="section-dropdown">
                        <h3 class="subtitle-summary">DÉTAIL DU RÉSULTAT</h3>
                    </div>
                    <div id="contentDetail" class="container-summary section-dropdown-content">
                        <br>
                        {% for label,detailCombustible in detail %}
                            <h5 class="subtitle-combustible-summary">{{ label }}</h5>
                            {{ include('summary/aac_cdc/_result_detail.html.twig') }}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            <div style="margin-top: 20px;position:relative" class="no-break-report">
                {% if isDemo %}
                    {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                {% endif %}
                <div id="sectionDevice" class="section-dropdown">
                    <h3 class="subtitle-summary">APPAREIL</h3>
                </div>
                <div id="contentDevice" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/_block/_device.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px" class="no-break-report">
                <div id="sectionAirSupply" class="section-dropdown">
                    <h3 class="subtitle-summary">AMENÉE D'AIR COMBURANT</h3>
                </div>
                <div id="contentAirSupply" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/aac_cdc/_air_supply.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionConnectingDuct" class="section-dropdown">
                    <h3 class="subtitle-summary">CONDUIT DE
                        RACCORDEMENT {{ project.techDataValueForService('idModeleConnectingDuctSecond') and project.techDataValueForService('idModeleConnectingDuct') ? 'DEUX SECTIONS' : '' }}</h3>
                </div>
                <div id="contentConnectingDuct" class="container-summary section-dropdown-content">
                    <br>
                    {% if project.techDataValueForService('idModeleConnectingDuctSecond') %}
                        {{ include('summary/aac_cdc/_connecting_duct.html.twig') }}
                    {% else %}
                        <h5 class="subtitle-combustible-summary">Pas de conduit de raccordement.</h5>
                    {% endif %}
                </div>
            </div>
            <br>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionSmokeDuct" class="section-dropdown">
                    <h3 class="subtitle-summary">CONDUIT DE FUMÉE</h3>
                </div>
                {% if isDemo %}
                    {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                {% endif %}
                <div id="contentSmokeDuct" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/aac_cdc/_smoke_duct.html.twig') }}
                </div>
            </div>
        </div>
    {% endif %}
    {% if servicesDone['aac_cdc']['done'] and resultWet is defined and detailWet is defined and (onlyWetForAudit is null or onlyWetForAudit == true) %}
        <div style="page-break-after: always;">
            <div class="serviceTitle">
                {% if isDemo %}
                    {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                {% endif %}
                <div>
                    <img src="{{ servicesDone['aac_cdc']['done'] ? icon_aac_cdc : icon_moninstallation }}">
                </div>
                <div>
                    <span>{{ servicesDone['aac_cdc']['done'] ? 'CALCUL DE DIMENSIONNEMENT CONSULTATIF WET '~title : 'MON INSTALLATION '~title }}</span>
                </div>
            </div>
            {% if servicesDone['aac_cdc']['done'] %}
                <div class="container-summary no-break-report" style="margin-top: 20px;gap: 0">
                    <h4 class="subtitle-summary" style="margin-bottom: 0">RÉSULTATS DU CALCUL</h4>
                    <div class="block-summary">
                        {% set result = resultWet %}
                        {% set detail = detailWet %}
                        {{ include('summary/aac_cdc/_result_calcul.html.twig') }}
                    </div>
                </div>
                <br>
                <div style="margin-top: 20px;" class="no-break-report">
                    <div id="sectionDetail" class="section-dropdown">
                        <h3 class="subtitle-summary">DÉTAIL DU RÉSULTAT</h3>
                    </div>
                    <div id="contentDetail" class="container-summary section-dropdown-content">
                        <br>
                        {% for label,detailCombustible in detailWet %}
                            <h5 class="subtitle-combustible-summary">{{ label }}</h5>
                            {{ include('summary/aac_cdc/_result_detail.html.twig') }}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            <div style="margin-top: 20px;position:relative" class="no-break-report">
                <div id="sectionDevice" class="section-dropdown">
                    <h3 class="subtitle-summary">APPAREIL</h3>
                </div>
                <div id="contentDevice" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/_block/_device.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionAirSupply" class="section-dropdown">
                    <h3 class="subtitle-summary">AMENÉE D'AIR COMBURANT</h3>
                </div>
                <div id="contentAirSupply" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/aac_cdc/_air_supply.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionConnectingDuct" class="section-dropdown">
                    <h3 class="subtitle-summary">CONDUIT DE
                        RACCORDEMENT {{ project.techDataValueForService('idModeleConnectingDuctSecond') and project.techDataValueForService('idModeleConnectingDuct') ? 'DEUX SECTIONS' : '' }}</h3>
                </div>
                <div id="contentConnectingDuct" class="container-summary section-dropdown-content">
                    <br>
                    {% if project.techDataValueForService('idModeleConnectingDuctSecond') %}
                        {{ include('summary/aac_cdc/_connecting_duct.html.twig') }}
                    {% else %}
                        <h5 class="subtitle-combustible-summary">Pas de conduit de raccordement.</h5>
                    {% endif %}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionSmokeDuct" class="section-dropdown">
                    <h3 class="subtitle-summary">CONDUIT DE FUMÉE</h3>
                </div>
                <div id="contentSmokeDuct" class="container-summary section-dropdown-content">
                    <br>
                    {% if isDemo %}
                        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                    {% endif %}
                    {{ include('summary/aac_cdc/_smoke_duct.html.twig') }}
                </div>
            </div>
        </div>
    {% endif %}
    {% if servicesDone['rtp']['done'] %}
        {% if isDemo %}
            {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
        {% endif %}
        <div style="page-break-after: always;">
            <div class="serviceTitle">
                <div>
                    <img src="{{ icon_rtp }}">
                </div>
                <div>
                    <span>RTP {{ title }}</span>
                </div>
            </div>
            <div class="container-summary no-break-report">
                <h4 class="subtitle-summary">INFORMATIONS COMPLÉMENTAIRES</h4>
                <div class="block-summary">
                    <div>
                        <span>Informations client :</span>
                        <span class="info-service"
                            {% if isDemo %}
                                style="background-color: grey; color: grey; border-radius: 3px;"
                                {% endif %}
                        >
                            {{ serviceCreatedOnProject.serviceDataValueKey('InfoClient.info01') ?? serviceCreatedOnProject.serviceDataValueKey('InfoClient') }}
                        </span>
                        <br>
                        <span>Informations installateur :</span>
                        <span class="info-service"
                            {% if isDemo %}
                                style="background-color: grey; color: grey; border-radius: 3px;"
                                {% endif %}
                        >
                            {{ serviceCreatedOnProject.serviceDataValueKey('Infoinstallateur.info01') ?? serviceCreatedOnProject.serviceDataValueKey('Infoinstallateur') }}
                        </span>
                    </div>
                    <div>
                    </div>
                </div>
            </div>
            {% if servicesDone['aac_cdc']['done'] == false %}
                <div style="margin-top: 20px;" class="no-break-report">
                    <div id="sectionDevice" class="section-dropdown">
                        <h3 class="subtitle-summary">APPAREIL</h3>
                    </div>
                    <div id="contentDevice" class="container-summary section-dropdown-content">
                        <br>
                        {{ include('summary/_block/_device.html.twig') }}
                    </div>
                </div>
            {% endif %}
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionHome" class="section-dropdown">
                    <h3 class="subtitle-summary">HABITATION & INSTALLATION DE L'APPAREIL</h3>
                </div>
                <div id="contentHome" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/rtp/_home_installation.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionAirSupplyRtp" class="section-dropdown">
                    <h3 class="subtitle-summary">AMENÉE D'AIR & CONDUIT DE FUMÉE</h3>
                </div>
                <div id="contentAirSupplyRtp" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/rtp/_air_supply_smoke_duct.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionConform" class="section-dropdown">
                    <h3 class="subtitle-summary">CONFORMITÉ & DISTANCE DE SÉCURITÉ</h3>
                </div>
                <div id="contentConform" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/rtp/_coform_security_distance.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                {% if isDemo %}
                    {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                {% endif %}
                <div id="sectionMateriel" class="section-dropdown">
                    <h3 class="subtitle-summary">MATÉRIEL & SOLS</h3>
                </div>
                <div id="contentMateriel" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/rtp/_materiel_floor.html.twig') }}
                </div>
            </div>
        </div>
    {% endif %}
    {% if servicesDone['deperditionthermique']['done'] %}
        {% if isDemo %}
            {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
        {% endif %}
        <div style="page-break-after: always;">
            <div class="serviceTitle no-break-report">
                <div>
                    <img src="{{ icon_deperditionthermique }}">
                </div>
                <div>
                    <span>DEPERDITION THERMIQUE {{ title }}</span>
                </div>
            </div>
            {% set address = project.defaultAddress %}
            {% set after2013 = serviceCreatedOnProject.serviceDataValueKey('AnnéeConstru') in ['Après 2020 - RE 2020', '2013-2020 - BBC ou RT 2012'] %}
            <div class="container-summary no-break-report" style="margin-top: 20px;">
                <h4 class="subtitle-summary">
                    RÉSULTATS{{ after2013 and serviceCreatedOnProject.serviceDataValueKey('AmeIsoExt') ? '*' : '' }}
                    <br>
                    <div style="font-size: .8rem; color: black;">
                        Estimation des déperditions concernant la partie du logement considérée comme pouvant être chauffée par le chauffage au bois.
                        <br>
                        Le calcul des déperditions n’a pas pris en compte d’éventuels autres générateurs présents.
                    </div>
                </h4>
                <div class="result-deper-value">
                    {% if serviceCreatedOnProject.serviceDataValueKey('DeperResultat') %}
                        {% if isDemo %}
                            <span class="info-service">XXX</span>
                            {% else %}
                                <span>
                                    {{ (serviceCreatedOnProject.serviceDataValueKey('DeperResultat')|floatval)|number_format(2, '.', '') }}
                                </span>
                        {% endif %}
                        <span>
                            kW
                        </span>
                    {% endif %}
                </div>
                <div>
                    {% if after2013 %}
                        <span style="color: #fc971f">*</span>
                        {% if serviceCreatedOnProject.serviceDataValueKey('AmeIsoExt') %}
                            <span>La valeur est indicative.</span>
                        {% else %}
                            <span>Valeur indicative indisponible - service arrêté à la demande de l’utilisateur.</span>
                        {% endif %}
                        <br><span>Pour les maisons construites selon la RT2012 ou RE2020, la déperdition thermique a été calculée dans l’étude thermique préalable à la construction de la maison qui fait office de valeur officielle.</span>
                    {% endif %}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionInfo" class="section-dropdown">
                    <h3 class="subtitle-summary">INFORMATIONS GÉNÉRALES</h3>
                </div>
                <div id="contentInfo" class="container-summary section-dropdown-content">
                    <br>
                    {{ include('summary/deperditionthermique/_general_informations.html.twig') }}
                </div>
            </div>
            <div style="margin-top: 20px;" class="no-break-report">
                <div id="sectionImprovement" class="section-dropdown">
                    <h3 class="subtitle-summary">CARACTÉRISTIQUES DE L'INSTALLATION</h3>
                </div>
                <div id="contentImprovement" class="container-summary section-dropdown-content">
                    <br>
                    {% if isDemo %}
                        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
                    {% endif %}
                    {% if
                        serviceCreatedOnProject.serviceDataValueKey('AmeIsoExt') and
                        serviceCreatedOnProject.serviceDataValueKey('AmeIsoExt') != 'Non, et je souhaite faire le calcul avec le coefficient G' %}
                        {{ include('summary/deperditionthermique/_improvements.html.twig') }}
                    {% else %}
                        <span>Vous n’avez renseigné aucune caractéristique.</span>
                    {% endif %}
                </div>
            </div>
            {% set inform = serviceCreatedOnProject.serviceDataValueKey('inform') %}
            {% set informI = serviceCreatedOnProject.serviceDataValueKey('informI') %}
            {% set informinfo01 = serviceCreatedOnProject.serviceDataValueKey('inform.info01') %}
            {% set informIinfo01 = serviceCreatedOnProject.serviceDataValueKey('informI.info01') %}
            {% if (inform is not null and inform !== 'Pas d\'information') or (informI is not null and informI !== 'Pas d\'information') %}
                <div style="margin-top: 20px;" class="no-break-report">
                    <div id="sectionImprovement" class="section-dropdown">
                        <h3 class="subtitle-summary">INFORMATIONS COMPLÉMENTAIRES</h3>
                    </div>
                    <div id="contentImprovement" class="container-summary section-dropdown-content">
                        <p>Informations client :
                            {% if informinfo01 is not null %}
                                <span style="color: #00708E">{{ informinfo01 }}</span>
                            {% else %}
                                <span style="color: #00708E">pas d'informations</span>
                            {% endif %}
                        </p>
                        <p>Informations installateur :
                            {% if informIinfo01 is not null %}
                                <span style="color: #00708E">{{ informIinfo01 }}</span>
                            {% else %}
                                <span style="color: #00708E">pas d'informations</span>
                            {% endif %}
                        </p>
                    </div>
                </div>
            {% endif %}
        </div>
    {% endif %}
{% endblock %}