{% extends 'report/base.html.twig' %}
{% import "report/macro_Report.html.twig" as macro %}
{% block title %}
    Dossier d'installation pour <br> {{ fc }}
{% endblock %}
{% block css %}
    {{ parent() }}
    .motto {
    margin-left: 50px;
    text-align-last: right;
    padding-right: 40px;
    }
    .lineBgGrey{
    position: absolute;
    bottom: 448px;
    margin-top:100px;
    height: 200px;
    }
    .containerImgInstallation{
    position:relative;
    margin-top: 15px;
    {% if deviceInfo %}
        left:-600px;
    {% else %}
        left:-300px;
    {% endif %}
    width:150px;
    height:100%;
    }
    .containerImgInstallation img{
    position:absolute;
    top:16%;
    left:50%;
    transform:translateX(-50%);
    margin:auto;
    max-height:80%;
    }
    .containerInstall{
    height: 450px;
    bottom: 0;
    position: absolute;
    }
    h3, #secondPage h2{
    color: {{ ORANGE }};
    }
    #secondPage h2{
    margin-bottom:20px;
    margin-top:30px;
    }
    .headerP3, .headerP2 {
    position: absolute;
    height: 60px;
    width: 100%;
    top:0;
    margin:0 50px;
    }
    .headerP2 img{
    height: 100%;
    }
    .containerLogoCompanyP3,.containerLogoIBP3,.containerLogoCompanyP2,.containerLogoIBP2{
    position: absolute;
    top: 0;
    height: 50px;
    }
    .containerLogoIBP2 img,.containerLogoIBP3 img {
    float: right;
    height:100%;
    }
    .containerLogoIBP3,.containerLogoIBP2{
    right: 0;
    }
    .containerSentenceP3{
    margin: auto;
    width: 480px;
    margin-top: -50px;
    text-align: center;
    }
    .containerSentenceP3 h2{
    font-size: 16px;
    }
    .P3 .child{
    position: relative;
    height: 100%;
    background-color: white;
    margin-top:20px;
    width:calc(50% - 10px)!important;
    }
    .P3 .title{
    position:relative;
    padding-top: 5px;
    height: 240px;
    z-index: 5;
    }
    .P3 .title:after {
    content: ' ';
    position: absolute;
    border-top: 142px solid transparent;
    border-right: 350px solid white;
    bottom: -0;
    }
    .P3 .title img{
    position: absolute;
    top: 10px;
    width: 60%;
    }
    .P3 .title span{
    font-size: 40px;
    position: absolute;
    top: 60px;
    color: white;
    }
    .P3 .content{
    position: relative;
    height: 670px;
    background-color: #FFF0E1;
    z-index: 10;
    }
    .P3 .content:after {
    content: ' ';
    position: absolute;
    border-top: 142px solid transparent;
    border-right: 341.5px solid #FFF0E1;
    top: -142px;
    }
    .content {
    text-align: justify;
    margin-top: -5px;
    line-height: 10px;
    }
    .content div{
    padding : 0 10px;
    }
    .content h5{
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 3px;
    line-height: 15px;
    }
    .content span{
    font-size: 10px;
    }
    .card{
    position: absolute;
    top: 40%;
    left: 55%;
    border: 3px solid {{ ORANGE }};
    padding: 15px 20px;
    transform: translate(-50%, -50%);
    min-width: 450px;
    overflow: hidden;
    }
    .containerImgCard {
    position: absolute;
    top:35px;
    text-align: center;
    margin-left: 10px;
    }
    .containerImgCard img{
    position: relative;
    max-width: 110px;
    max-height:110px
    }
    .containerTitleCard {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    }

    .containerInfoCard {
    position: relative;
    right: -130px;
    width: 65%;
    margin-top: 35px;
    }
    .containerInfoCard img{
    width:10px;
    }
    .sentenceEnd{
    position: absolute;
    bottom: 30%;
    left: 59%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;

    }
    .logoCompanyP4{
    max-height: 60px;
    position: absolute;
    top: 150px;
    left: 59%;
    transform: translateX(-50%);
    }
    .containerInfosLaw {
    background:{{ ORANGE }};
    margin-top: 75px;
    width: {{ WIDTH_MAX }};
    margin-left:50px;
    }
    .containerInfosLaw p, .containerInfosLaw span.text-orange , .containerInfosLaw span.text-blue,
    .containerInfos2 p, .containerInfos2 span.text-orange , .containerInfos2 span.text-blue
    {
    font-size:12px;
    }
    .justify-text{
    text-align: justify;
    }
    .containerInfosLaw .child{
    width: 281px;
    }
    h2 {
    text-transform: uppercase;
    }
    {% if isDemo %}
        .watermark {
            font-size: 75px;
        }
        .blockDemo {
            border: 1px solid orange;
            border-radius: 3px;
            text-align: center;
            font-size: 12px;
            height: 65px;
        }
    {% endif %}
{% endblock %}
{% block body %}
    {{ parent() }}
{% endblock %}
{% block firstPage %}
    {{ parent() }}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <div class="motto text-orange">
        «
        {% if motto is not null %}
            {{ motto }}
        {% else %}
            Toutes les données de mon installation de chauffage au bois
        {% endif %}
        »
    </div>
    {# ##- 02 - Info installation #}
    <div class="lineBgGrey line">
        <div>
            <h3 class="text-orange">Mon lieu d’installation
            </h3>
            <ul style="margin-bottom: 20px">
                <li><b>Adresse de l’installation :</b></li>
                <li>{{ addressFC1 }}</li>
                <li>{{ addressFC2 }}</li>
            </ul>
            <h3 class="text-orange">Mon contact</h3>
            <ul>
                <p style="margin-top: -5px">{{ contact }}</p>
            </ul>
        </div>
        {% if deviceInfo %}
            <div>
                <h3 class="text-orange">Appareil</h3>
                <ul style="padding-right: 10px;">
                    {{ macro.li("Marque et Modèle",device) }}
                    {{ macro.li("Type",type) }}
                    {{ macro.li("Combustibles",combustibles) }}
                    {{ macro.li("Classe d’efficacité énergétique",classeEnergetique) }}
                    {{ macro.li("Eligibilité fond air bois",fondAirBois) }}
                    {% if deviceByCompany %}
                        <li style=" font-style: italic;margin-top: 10px">
                            Données appareil renseignées par l'entreprise créatrice de l'étude
                        </li>
                    {% endif %}
                </ul>
            </div>
        {% endif %}
    </div>
    {# ##- 02 - Info installation #}
    {# ##- 03 - Installation schema #}
    <div class="line twoBlock containerInstall">
        <div class="containerImgInstallation child" style="position: relative">
            <p style="font-size: 14px; margin-left: 50px">
                <b>Mon installation est de type : </b>
                <br>
                {{ installation }}
            </p>
            <img src="{{ installationPathImg }}" alt="Logo installation">
            <span style="font-size: 8px;position: absolute;bottom: 16px;text-align: center;width:100%">Schéma illustratif pouvant présenter des différences avec votre installation</span>
        </div>
        <div class="child"
             style="width:500px;position:relative;margin-top: 190px; left:-{{ deviceInfo ? '250' : '300' }}px   ">
            {% if fondAirBoisKey != 'CL_NF' %}
                <img src="{{ fondAirBoisPath }}" alt="Classe performance" style="margin-bottom: 10px;width: 130px">
            {% endif %}
            <img src="{{ classeEnergetiquePath }}" alt="Efficacité énergétique" style=" width: 190px">
        </div>
    </div>
    {# ##- 03 - Installation schema #}

{% endblock %}
{% block secondPage %}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <div class="headerP2">
        <div class="containerLogoCompanyP2">
            <img src="{{ companyLogoPath }}" alt="Logo entreprise" style="max-height: 60px;">
        </div>
        <div class="containerLogoIBP2">
            <img src="{{ imgLogoIB }}" alt="Logo IB">
        </div>
    </div>
    <div class="line twoBlock containerInfosLaw">
        <div class="child">
            <h3 class="text-orange">{{ company }}</h3>
            <p class="justify-text">
                {% if rgeP or rgeC %}
                    Notre entreprise est <span
                        class="text-orange">RGE</span> (Reconnu Garant de l'Environnement) depuis le {{ dateRgeP }}.
                    {% if air or eau %}
                        Elle est qualifiée <span class="text-orange">QUALIBOIS</span> depuis le {{ dateAir }}.
                    {% endif %}
                {% elseif air or eau %}
                    Notre entreprise est qualifiée <span class="text-orange">QUALIBOIS</span> depuis le {{ dateAir }}.
                {% endif %}
                {% if rgeP or rgeC %}
                    <br><br>
                    <span class="text-blue">Le label RGE</span> est délivré par des organismes accrédités par l’état, il encadre les pratiques d’installation
                    et vise à garantir la qualité des travaux de rénovation liés à la transition énergétique.
                {% endif %}
                {% if air or eau %}
                    <br><br>
                    <span class="text-blue">Les qualifications QUALIBOIS</span> sont délivrées par Qualit'EnR, association agréée par les pouvoirs publics,
                    qui impose la formation professionnelle d'une ou de plusieurs personnes par entreprise et qui réalise
                    des audits d'installation pour s'assurer de la qualité des installations.
                {% endif %}
                {% if air == null and eau == null and rgeP == null and rgeC == null %}
                    <span>{{ company }}</span><br>
                    <span>{{ companyAddress }}</span><br>
                    <span>Siret : {{ siret }}</span>
                {% else %}
                    <br><br>
                    <b>Numéro de qualification : </b>
                    {% if eau %}
                        Qualibois Eau : {{ eau|raw }} {{ air|raw or rgeP|raw or rgeC|raw or otherQ ? '|' : '' }}
                    {% endif %}
                    {% if air %}
                        Qualibois Air : {{ air|raw }} {{ rgeP|raw or rgeC|raw or otherQ|raw ? '|' : '' }}
                    {% endif %}
                    {% if rgeP %}
                        RGE Poêle : {{ rgeP|raw }} {{ rgeC|raw or otherQ|raw ? '|' : '' }}
                    {% endif %}
                    {% if rgeC %}
                        RGE Chaudière : {{ rgeC|raw }} {{ otherQ|raw ? '|' : '' }}
                    {% endif %}
                    {% if otherQ %}
                        Autre qualification : {{ otherQ|raw }}
                    {% endif %}
                    {% if insurance %}
                        <br>
                        <b>Garantie décennale :</b> {{ insurance|raw }}
                    {% endif %}
                {% endif %}
            </p>
        </div>
        <div class="child" style="margin-left: 40px;">
            <h3 class="text-orange">Informations réglementaires</h3>
            <p class="justify-text">
                En France, deux normes principales réglementent l’installation de chauffage au bois :
                <span class="text-orange">la norme européenne EN 13384-1 et la norme française NF DTU 24.1.</span>
                Ces deux textes ont pour vocation d’assurer la sécurité et le bon fonctionnement des installations.
                <br><br>
                {% if aacDone %}
                    Concernant votre installation, et en respect de ses réglementations : le calcul de
                    <span class="text-blue">dimensionnement de conduit de fumée</span>
                    {% if isResultOK and isAACOK %}
                        a été effectué et est conforme, le calcul de la <span
                            class="text-blue">section d’amenée d’air</span>
                        a été effectué et est conforme.
                    {% else %}
                        et le calcul de la <span class="text-blue">section d’amenée d’air</span> ont été effectués.
                    {% endif %}
                {% endif %}
                {% if deperDone %}
                    <br><br>
                    De plus, le calcul de <span class="text-blue">déperdition thermique</span>
                    du lieu d’installation a été effectué afin de vous proposer une puissance de chauffage adaptée à votre besoin.
                {% endif %}
                {% if secuAutourApp|lower == 'oui' or secuAutourCdf|lower == 'oui' or secuAutourCdr|lower == 'oui' %}
                    <br><br>
                    La réglementation impose également des <span class="text-blue">distances de sécurité</span>
                    autour de votre appareil qui ont été vérifiées pour :
                    {% set items = [] %}
                    {# Ajouter l'appareil si secuAutourApp est 'oui' #}
                    {% if secuAutourApp|lower == 'oui' %}
                        {% set items = items|merge(['l\'appareil']) %}
                    {% endif %}
                    {# Ajouter le conduit de raccordement si secuAutourCdr est 'oui' #}
                    {% if secuAutourCdr|lower == 'oui' %}
                        {% set items = items|merge(['le conduit de raccordement']) %}
                    {% endif %}
                    {# Ajouter le conduit de fumée si secuAutourCdf est 'oui' #}
                    {% if secuAutourCdf|lower == 'oui' %}
                        {% set items = items|merge(['le conduit de fumée']) %}
                    {% endif %}
                    {# Gérer l'affichage de la liste en fonction du nombre d'éléments #}
                    {% if items|length > 1 %}
                        {# Si plus d'un élément, joindre les éléments avec une virgule, et ajouter "et" avant le dernier #}
                        {% set last_item = items|last %}
                        {% set items_without_last = items|slice(0, items|length - 1) %}
                        {{ items_without_last|join(', ') ~ ' et ' ~ last_item }}
                    {% else %}
                        {# Si un seul élément, afficher l'élément seul #}
                        {{ items|join('') }}
                    {% endif %}
                {% endif %}
            </p>
        </div>
    </div>
    <div class="line containerInfos2" style="margin-top: 450px;margin-left: 50px">
        <h3 class="text-orange">Vos travaux et prise en charge</h3>
        <p class="justify-text">
            {% if chaufExistant or qbois and isDemo %}
                <b>Votre chauffage :</b> Vous trouverez ici des informations détaillées sur le système de chauffage actuel, incluant le type de chauffage en place, ainsi que l'identification des personnes responsables du retrait de l'ancien appareil et de l'installation du nouveau système de chauffage au bois.
                <br><br>
            {% else %}
                {% if chaufExistant|lower == 'à remplacer' %}
                    <b>Votre chauffage
                        :</b> Votre {{ typeHabitation|lower == 'autre' ? typeHabitationAutre|lower : 'maison' }}
                    possède actuellement un chauffage au bois que vous souhaitez remplacer.
                {% elseif chaufExistant|lower == 'à garder' or qbois|lower == 'non' %}
                    <b>Votre chauffage
                        :</b> Vous souhaitez installer un chauffage au bois dans votre {{ typeHabitation|lower == 'autre' ? typeHabitationAutre|lower : 'maison' }}.
                {% endif %}
                {% if chaufExistant|lower == 'à remplacer' %}
                    {% if evacuerApp|lower == 'nos services' %}
                        {% if ameneApp|lower == 'nos services' %}
                            Notre entreprise se chargera d’apporter votre nouvel appareil de chauffage au bois et d'évacuer l'ancien.
                        {% else %}
                            <span class="text-blue">Vous fournirez votre nouvel appareil de chauffage au bois</span>
                            à notre équipe le jour de l'installation et notre entreprise se chargera d'évacuer l'ancien.
                        {% endif %}
                        <br><br>
                    {% else %}
                        <span class="text-blue">Cet appareil existant est à évacuer par vous-même ou un tiers.</span>
                        {% if ameneApp|lower == 'nos services' %}
                            Notre entreprise se chargera d’apporter votre nouvel appareil de chauffage au bois.
                        {% else %}
                            De même, <span class="text-blue">vous fournirez votre nouvel appareil</span>
                            de chauffage au bois à notre équipe le jour de l'installation.
                        {% endif %}
                        <br><br>
                    {% endif %}
                {% elseif chaufExistant|lower == 'à garder' or qbois|lower == 'non' %}
                    {% if ameneApp|lower == 'nos services' %}
                        Notre entreprise se chargera d’apporter votre nouvel appareil.
                        <br><br>
                    {% else %}
                        <span class="text-blue">Vous fournirez votre nouvel appareil</span> à notre équipe le jour de l'installation.
                        <br><br>
                    {% endif %}
                {% endif %}
            {% endif %}

            {% if priseElec|lower !== 'non' and isDemo %}
                <b>Prise électrique :</b> Cette partie indique la présence ou l'absence d'une prise électrique pour l'installation et précise également qui est chargé de son installation.
                <br><br>
            {% else %}
                {% if priseElec|lower == 'oui' and personnePrise|lower == 'nos services' %}
                    <b>Prise électrique :</b> Le projet nécessite une prise électrique qui sera installée par notre équipe.
                    <br><br>
                {% elseif priseElec|lower == 'oui' and personnePrise|lower == 'le client ou un tiers' %}
                    <b>Prise électrique :</b> Le projet nécessite une prise électrique dont
                    <span class="text-blue">l’installation est à votre charge</span>.
                    <br><br>
                {% endif %}
            {% endif %}

            {% if 'conduit de fumée' not in lieuPrise|lower and 'pas de trou' not in aacTrou|lower and isDemo %}
                <b>Amenée d’air :</b> Ici est rappelé que le bois, sous n’importe quelle forme, nécessite un apport d'air suffisant pour assurer une combustion correcte. La prise d'air peut être réalisée par le client ou par le poseur.
                <br><br>
            {% else %}
                {% if 'conduit de fumée' not in lieuPrise|lower and 'pas de trou' not in aacTrou|lower %}
                    <b>Amenée d’air :</b> Le bois, sous forme de bûches ou granulés, nécessite de l'air pour sa combustion,
                    donc quel que soit le volume de la pièce où sera installé votre système chauffage.
                    Ainsi une prise d’air va être réalisée
                    {% if 'nos services' in aacTrou|lower %}
                        par nos services
                    {% elseif 'le client ou un tiers' in aacTrou|lower %}
                        <span class="text-blue">doit être réalisée par vos soins</span>
                    {% endif %}
                    {{ lieuPrise|lower }}.
                    <br><br>
                {% endif %}
            {% endif %}

            {% if (situationCF|lower == 'a créer'
                or situationCF|lower == 'existant, à changer' or situationCF|lower == 'existant, à tuber' or situationCF|lower == 'existant, reste tel quel'
                or 'nos services' in debistrage|lower or 'client' in debistrage|lower
                or ((sortieConduit|lower == 'oui' or sortieConduit|lower == 'non') and (presenceChapeau|lower == 'oui, à remplacer' or presenceChapeau|lower == 'non et à installer'))) and isDemo %}
                <b>Conduit de fumée :</b> Toutes les informations relatives au conduit de fumée  sont indiquées dans cette partie, notamment l'état du conduit, les besoins éventuels en débistrage, ainsi que les travaux de rehausse ou l'installation d'un chapeau.
            {% else %}
                {% if situationCF|lower == 'a créer'
                    or situationCF|lower == 'existant, à changer' or situationCF|lower == 'existant, à tuber' or situationCF|lower == 'existant, reste tel quel'
                    or 'nos services' in debistrage|lower or 'client' in debistrage|lower
                    or ((sortieConduit|lower == 'oui' or sortieConduit|lower == 'non') and (presenceChapeau|lower == 'oui, à remplacer' or presenceChapeau|lower == 'non et à installer')) %}
                    <b>Conduit de fumée :</b>
                {% endif %}
                {% if situationCF|lower != 'a créer' %}
                    {% if situationCF|lower == 'existant, à changer' %}
                        Nos services vont changer votre conduit d'air.
                    {% elseif situationCF|lower == 'existant, à tuber' %}
                        Votre conduit de fumée actuel va être tubé.
                    {% elseif situationCF|lower == 'existant, reste tel quel' %}
                        Nous allons utiliser votre conduit de fumée actuel.
                    {% endif %}
                    {% if 'nos services' in debistrage|lower %}
                        Nous réaliserons un débistrage au préalable.
                    {% elseif 'client' in debistrage|lower %}
                        <span class="text-blue">Vous devrez réaliser un débistrage au préalable.</span>
                    {% endif %}
                {% else %}
                    Nous allons mettre en place un conduit de fumée.
                {% endif %}

                {% if sortieConduit|lower == 'oui' %}
                    Notre entreprise rehaussera votre conduit de fumée afin de respecter l'arrêté du 22/10/1969
                    {% if presenceChapeau|lower == 'oui, à remplacer' %}
                        et installera également un nouveau chapeau à sa sortie.
                    {% elseif presenceChapeau|lower == 'non et à installer' %}
                        et installera également un chapeau à sa sortie.
                    {% endif %}
                {% elseif sortieConduit|lower == 'non' %}
                    {% if presenceChapeau|lower == 'oui, à remplacer' %}
                        Notre entreprise installera un nouveau chapeau à la sortie de votre conduit de fumée.
                    {% elseif presenceChapeau|lower == 'non et à installer' %}
                        Notre entreprise installera un chapeau à la sortie de votre conduit de fumée.
                    {% endif %}
                {% endif %}
            {% endif %}
        </p>
    </div>
    {% if InfoClient is not null and InfoClient != 'Non nécessaire' and InfoClientinfo01 is defined %}
        <div style="margin-left: 50px" class="containerInfos2">
            <h3 class="text-orange">Vos informations complémentaires</h3>
            <p>
                {{ InfoClientinfo01|raw }}
            </p>
        </div>
    {% endif %}
{% endblock %}
{% block thirdPage %}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <div class="headerP3">
        <div class="containerLogoCompanyP3">
            <img src="{{ companyLogoPath }}" alt="Logo entreprise" style="max-height: 60px;">
        </div>
        <div class="containerLogoIBP3">
            <img src="{{ imgLogoIB }}" alt="Logo IB">
        </div>
    </div>
    {# ## - 10 - vigilance #}
    <div class="line twoBlock P3" style="height: 900px;margin-top: 30px">
        <div class=" child" style="width: 341.5px!important;margin-right: 20px">
            <img src="{{ baseReportPath }}/bg.jpg" style="position: absolute;" alt="">
            <div class="title">
                <img src="{{ bigLettersPath }}/v.svg" alt="">
                <span style="left: 110px;">IGILANCES</span>
            </div>
            <div class="content">
                {% if isDemo %}
                    <div>
                        <span>
                            Les vigilances correspondent aux vérifications régulières et aux bonnes pratiques indispensables pour assurer la sécurité, la performance et la conformité des installations de chauffage au bois.
                        </span>
                    </div>
                {% endif %}
                {% if boisSec %}
                    <div>
                        <h5>Utiliser du bois sec</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                            </div>
                        {% else %}
                            <span>Nous vous recommandons d’anticiper votre approvisionnement en bois et de prévoir un lieu de stockage des bûches sous un abri aéré afin de le faire suffisamment sécher avant usage.<br> En effet, la notice de votre appareil vous recommande d’utiliser du bois sec. Ce bois doit avoir une humidité inférieure à 20%, et nécessite d'avoir séché au moins 18 mois après la coupe de l'arbre. Tous les bois à la vente ne répondent pas forcément à ces critères.
                            </span>
                        {% endif %}
                    </div>
                {% endif %}
                {% if granuleQualite %}
                    <div>
                        <h5>Utiliser des granulés de bois de haute qualité</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                            </div>
                        {% else %}
                            <span>Nous vous recommandons d'utiliser des granulés de bois certifiés : "NF Granulés Biocombustibles Bois Qualité Haute Performance" ou "ENplus-A1" ou "DIN Plus" (NF 444 ou correspondant à la classe A1 selon la norme ISO 17225-2).<br>En effet, des granulés de haute qualité assurent un rendement supérieur et la réalisation d’économie, en limitant les risques aditifs
                            </span>
                        {% endif %}
                    </div>
                {% endif %}
                <div>
                    <h5>Bruit d’usage</h5>
                    {% if isDemo %}
                        <div class="blockDemo">
                            <br>
                            <br>
                            Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                        </div>
                        {% else %}
                            <span>Lors du fonctionnement, votre appareil peut générer un peu de bruit qui ne peut pas être considéré comme un défaut de conception.<br> En effet, votre appareil est de conception mécanique. Son moteur, l’utilisation de la ventilation, la chute des pellets, etc. produisent des sons inhérents à leurs fonctionnements.
                            </span>
                    {% endif %}

                </div>
                {% if porteOuverte %}
                    <div>
                        <h5>Fonctionnement porte ouverte</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                            </div>
                            {% else %}
                                <span>Lors d’un fonctionnement avec la porte ouverte, de petits refoulements de fumée sont possibles et ne peuvent pas être considérés comme un défaut de conception ou d’installation.<br> En effet, les refoulements de fumée sont notamment tributaires d'une pression atmosphérique faible ou de légers déplacements d'air en avant de l'appareil.
                            </span>
                        {% endif %}

                    </div>
                {% endif %}
                <div>
                    <h5>Fonctionnement en foyer ouvert</h5>
                    {% if isDemo %}
                        <div class="blockDemo">
                            <br>
                            <br>
                            Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                        </div>
                        {% else %}
                            <span>Lors du fonctionnement d’une cheminée ou d’un appareil à foyer ouvert, de petits refoulements de fumée sont possibles et ne peuvent pas être considérés comme un défaut de conception ou d’installation.<br> En effet, les refoulements de fumée sont notamment tributaires d'une pression atmosphérique faible ou de légers déplacements d'air en avantde l'appareil.
                    </span>
                    {% endif %}

                </div>
                <div>
                    <h5>Obligation de ramonage</h5>
                    {% if isDemo %}
                        <div class="blockDemo">
                            <br>
                            <br>
                            Vous retrouverez toutes les vigilances concernant la thématique ci-dessus
                        </div>
                        {% else %}
                        <span>Nous vous recommandons de respecter la fréquence de ramonage du conduit de fumée imposée par le Règlement Sanitaire : un ramonage deux fois par an, dont une fois pendant la saison de chauffe. En effet, le ramonage régulier de votre installation garantit les performances de votre installation et votre sécurité en prévenant les risques d’incendie et d’intoxication. Il vous permet également de répondre aux exigences de votre assurance habitation
                    </span>
                    {% endif %}

                </div>
            </div>
        </div>
        {# ## - 10 - vigilance #}
        {# ## - 11 - conseils #}
        <div class=" child" style="width: 341.5px!important">
            <img src="{{ baseReportPath }}/bg.jpg" style="position: absolute;" alt="">
            <div class="title">
                <img src="{{ bigLettersPath }}/c.svg" alt="">
                <span style="left: 90px;">ONSEILS</span>
            </div>
            <div class="content">
                {% if isDemo %}
                    <div>
                        <span>
                            Les conseils correspondent aux pratiques recommandées pour garantir la sécurité, l'efficacité et le bon fonctionnement des installations de chauffage au bois.
                        </span>
                    </div>
                {% endif %}
                {% if sousSol %}
                    <div>
                        <h5>Sous-sol ventilé et sain</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                            {% else %}
                                <span>Nous vous recommandons de maintenir votre sous-sol suffisamment ventilé, et de veiller à ce que son air soit sain (non pollué).<br> En effet, un apport d’air suffisant est indispensable au bon fonctionnement de votre appareil. Cet apport d’air ne doit pas être pollué pour ne pas dégrader la qualité de votre air intérieur.</span>
                        {% endif %}

                    </div>
                {% endif %}
                {% if securiteZone %}
                    <div>
                        <h5>Sécuriser la zone d’apport d’air extérieur</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>Une grille de prise d'air va être mise en place à l'extérieur. Vous devez vous assurer que des plantes ou des aménagements ultérieurs ne gêneront pas l'entrée d'air.<br> En effet, un apport d’air suffisant est indispensable au bon fonctionnement de votre appareil.</span>
                        {% endif %}
                    </div>
                {% endif %}
                {% if videSanitaire %}
                    <div>
                        <h5>Vide sanitaire ventilé et sec </h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>
                        Nous vous recommandons de maintenir votre vide sanitaire suffisamment ventilé, et de veiller à ce qu'il soit sec.<br> En effet, un apport d’air suffisant et sec est indispensable au bon fonctionnement de votre appareil
                    </span>
                        {% endif %}
                    </div>
                {% endif %}

                <div>
                    <h5>Sécurité incendie</h5>
                    {% if isDemo %}
                        <div class="blockDemo">
                            <br>
                            <br>
                            Vous retrouverez tous les conseils concernant la thématique ci-dessus
                        </div>
                    {% else %}
                    <span>Nous vous recommandons de ne rien stocker dans vos combles à moins de 10 cm du conduit de fumée.<br> En effet, vous éviterez ainsi tout risque d’incendie
                    </span>
                    {% endif %}
                </div>
                {% if combles %}
                    <div>
                        <h5>Aménagement ultérieur des combles</h5>
                        {% if isDemo %}
                        <div class="blockDemo">
                            <br>
                            <br>
                            Vous retrouverez tous les conseils concernant la thématique ci-dessus
                        </div>
                        {% else %}
                        <span>Si vous souhaitez aménager vos combles ultérieurement, nous vous recommandons de prévoir un coffrage autour conduit de fumée et de confier sa réalisation à un professionnel.<br> En effet, un coffrage garantira la sécurité de votre installation et un professionnel saura respecter les exigences de la norme DTU 24.1.
                         </span>
                        {% endif %}
                    </div>
                {% endif %}
                {% if protectionConduit %}
                    <div>
                        <h5>Protection de votre conduit de fumée</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>Nous vous recommandons de faire réaliser un coffrage autour du conduit de fumée dans chaque pièce d'habitation et étage traversés, autre que la pièce d’installation. <br>En effet, le coffrage évite tous risques de brulures et d’endommagement du conduit, et il est requis par la norme DTU 24.1, y compris dans les mezzanines.
                    </span>
                        {% endif %}
                    </div>
                {% endif %}

                {% if rechargementBuches %}
                    <div>
                        <h5>Rechargement des bûches</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>Nous recommandons d’effectuer le rechargement en bois uniquement sur un lit de braises, donc sans présence de bûche incandescente, ni grande flamme ou grosse production de fumée.<br> En effet, votre appareil et son installation sont conçus pour fonctionner uniquement porte fermée. De petits refoulements de fumée sont possibles lors du rechargement de bûches, notamment si vous ne respectez pas cette recommandation ou les préconisations de la notice d'utilisation de votre appareil.
                    </span>
                        {% endif %}
                    </div>
                {% endif %}
                {% if autreAppareil %}
                    <div>
                        <h5>Utilisation conjointe avec un autre appareil qui
                            consomme de l’air</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>Un ou plusieurs autres appareils consommant de l’air sont présents dans votre habitation et n’ont pas leur propre arrivée d’air. Nous vous recommandons de :<br>
                        - soit installer une amenée d'air suffisante pour cet autre appareil,<br>
                        - soit éviter de l'utiliser en même temps que votre appareil à bois,<br>
                        - soit fermer la porte qui sépare les pièces d’installation respectives quand
                        les appareils seront simultanément en fonctionnement.<br>
                        En effet, le fonctionnement simultané consommera plus d’air que celui
                        apporté par votre installation à bois. Cela peut générer une mauvaise
                        combustion dans votre appareil à bois, voire provoquer des refoulements
                        de fumée.
                    </span>
                        {% endif %}
                    </div>
                {% endif %}

                {% if bonTubage %}
                    <div>
                        <h5>Vérification du bon état du tubage</h5>
                        {% if isDemo %}
                            <div class="blockDemo">
                                <br>
                                <br>
                                Vous retrouverez tous les conseils concernant la thématique ci-dessus
                            </div>
                        {% else %}
                        <span>Un essai d’étanchéité doit être effectué tous les trois ans par un professionnel.<br>En effet, cela assure la sécurité en évitant les incendies et en optimisant lacombustion économique du bois. [Rappel du Règlement Sanitaire Départemental, article 31.4 ]
                    </span>
                        {% endif %}
                    </div>
                {% endif %}
            </div>
        </div>
        {# ## - 11 - conseils #}
    </div>
{% endblock %}
{% block fourthPage %}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <img src="{{ companyLogoPath }}" alt="Logo entreprise" class="logoCompanyP4">
    <div class="card">
        <div class="containerImgCard">
            <img src="{{ baseReportPath }}/flame.png" alt="">
        </div>
        <div class="containerTitleCard">
            {{ company }}
        </div>
        <div class="containerInfoCard">
            <div style="padding-left: 14px">
                <img style="position: absolute;left: -1px;top: 6px;" src="{{ baseReportPath }}/email.png" alt="">
                <span>{{ email }}</span>
            </div>
            {% if website %}
                <div>
                    <img src="{{ baseReportPath }}/website.png" alt="">
                    <span>{{ website }}</span>
                </div>
            {% endif %}
            <div>
                <img src="{{ baseReportPath }}/phone.png" alt="">
                <span>{{ phone }}</span>
            </div>
            <div style="margin-bottom: 15px">
                <img src="{{ baseReportPath }}/pin.png" alt="">
                <span>{{ city }}</span>
            </div>
        </div>
    </div>
    <div class="sentenceEnd text-orange">
        <h2>{{ motto2 }}</h2>
    </div>
{% endblock %}