{% extends 'report/base.html.twig' %}
{% import "report/macro_Report.html.twig" as macro %}
{% block title %}
    Livret déperdition thermique pour <br> {{ fc }}
{% endblock %}
{% block css %}
    {{ parent() }}
    .lineBgGrey div:first-child{
    width: 70%;
    }
    .lineBgGrey{
    height: 200px;
    }
    .containerResult{
    position: absolute;
    top: 430px;
    padding-left: 50px;
    }
    .childImprove{
    width: 341.5px!important;
    margin-right: 20px;
    }
    .childImprove h3{
    color: {{ ORANGE }};
    }
    .child li{
    margin-bottom:10px;
    }
    #ulInfoGeneral{
    margin-top:45px
    }
    #ulInfoGeneral li b{
    color: {{ ORANGE }};
    }
    .ulImprove b{
    font-weight: bold;
    color: {{ ORANGE }};
    }
    .ulImprove b{
    font-weight: 100;
    }
    #ulInfoGeneral li b{
    color: {{ ORANGE }};
    }
    #containerTwoLine{
    position: absolute;
    top:660px;
    margin-left:50px;
    }
    #containerTwoLine .child{
    width: 275px!important;
    }
    .ulImprove b{
    font-weight: bold;
    color: {{ ORANGE }};
    }
    #containerTwoLine li{
    color: #00708E;
    margin: 1px;
    }
    #containerTwoLine b{
    color:black!important;
    font-weight:none!important;
    }
    {% if isDemo %}
        .watermark {
        font-size: 75px;
        }
    {% endif %}
{% endblock %}
{% block body %}
    {{ parent() }}
{% endblock %}
{% block firstPage %}
    {{ parent() }}
    {% if isDemo %}
        {{ include('watermark/_watermark.html.twig', {"isReport": true}) }}
    {% endif %}
    <div class="lineBgGrey line">
        <div style="">
            <h3 class="text-orange">Client</h3>
            <ul>
                {{ macro.li("Nom",company) }}
                {{ macro.li("Adresse installation",addressFC1 ~ addressFC2) }}
                {{ macro.li("Nom de l'utilisateur",projectCreator) }}
                {{ macro.li("Distance à la mer",DistanceMer) }}
                {{ macro.li("Altitude",altitude) }}
                {{ macro.li("Température extérieure de base",tempBase) }}
            </ul>
        </div>
    </div>
    {% set after2013 = AnneeConstru in ['À partir de 2022 - RE 2020', '2013-2021 - RT 2012 ou BBC'] %}

    <div class="containerResult" style="height: 180px;margin-top: 30px;width: 100%;">
        <div style="position: absolute;top: 50%;transform: translateY(-50%); width: 100%; {{ normeNewYear == false ?'height: 26px':'height: 80px' }}">
            <h2 style="margin: auto;">
                Résultat{{ after2013 and OuiToStepInfo ? '*' : '' }}
                {% if isDemo %}
                    <span style="background-color: #818181; color: #818181; border-radius: 3px; font-size: 20px">XXXX</span>
                    <span style="font-size: 15px">kW</span>
                {% else %}
                    {{ DeperResultat }}
                {% endif %}
                <br>
            </h2>
            <div style="margin-right: 50px; font-weight: bold">
                <span >Estimation des déperditions concernant la partie du logement considérée comme pouvant être chauffée par le chauffage au bois.</span>
                <br>
                <span>Le calcul des déperditions n’a pas pris en compte d’éventuels autres générateurs présents.</span>
            </div>
            {% if normeNewYear %}
                <br>
                {% if OuiToStepInfo == true %}
                    <span>* La valeur est indicative.</span>
                    <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>
                {% elseif OuiToStepInfo == false %}
                    <span>* Valeur indicative indisponible - service arrêté à la demande de l’utilisateur</span>
                    <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 %}
            {% endif %}
            <br>
            <br>
        </div>
    </div>
    <div class="line twoBlock " id="containerTwoLine">
        <div class=" child" style="margin-right: 50px;">
            <h2 class="text-orange">Informations générales</h2>
            <ul id="ulInfoGeneral">
                {% if AnneeContru1 is not null and AmeIsoExtValue==='Non, et je souhaite faire le calcul avec le coefficient G' %}
                    {{ macro.li("Coefficient G",AnneeContru1) }}
                {% endif %}
                {{ macro.li("Année de construction",AnneeConstru ~ (OuiToStepInfo== false? " " ~AnneeConstru1:null) ) }}
                {{ macro.li("Surface à chauffer dont étage",Surface1) }}
                {{ macro.li("Hauteur Moyenne sous plafond",HauteurM1) }}
                {{ macro.li("La maison est-elle de plain-pied ?",EtageLogement) }}
                {{ macro.li("Surface de l’étage chauffée est-elle similaire à celle du rez de chaussée",SEtaSRdc) }}
                {{ macro.li("Le sol est-il isolé en périphérie pour traiter les ponts thermique",SolIsoPer) }}
                {{ macro.li("Température ambiante souhaitée",TAmb1) }}
                {{ macro.li("Déperdition surfacique",deperm2) }}
            </ul>
        </div>
        <div class="child">
            <h2 class="text-orange">Caractéristiques de l’installation</h2>
            {% if AmeIsoExt == false %}
                <p>Aucune caractéristique renseignée pour ce projet.</p>
            {% else %}
                <ul class="ulImprove">
                    {% if IsolationMurValue is not null %}
                        <li>
                            <b>Isolation Mur</b> : {{ IsolationMurLibelle|raw }} : {{ IsolationMurValue|raw }}
                        </li>
                    {% endif %}
                    {% if IsolationToitValue is not null %}
                        <li>
                            <b>Isolation toit</b> : {{ IsolationToitLibelle|raw }} : {{ IsolationToitValue|raw }}
                        </li>
                    {% endif %}
                    {% if typeVitrageValue is not null %}
                        <li>
                            <b>Type de vitrage</b> : {{ typeVitrageLibelle|raw }} : {{ typeVitrageValue|raw }}
                        </li>
                    {% endif %}
                    {% if deperditionSolValue is not null %}
                        <li>
                            <b>Déperdition par le sol : </b><br> <span
                            >{{ deperditionSolLibelleSecond|raw }}</span>
                            : {{ deperditionSolLibelle|raw }} : {{ deperditionSolValue|raw }}
                        </li>
                    {% endif %}
                    {% if etancheiteMaisonValue is not null %}
                        <li>
                            <b>Etanchéité</b> : {{ etancheiteMaisonLibelle|raw }} : {{ etancheiteMaisonValue|raw }}
                        </li>
                    {% endif %}
                </ul>
            {% endif %}
        </div>
    </div>
    {% if inform is not null and inform !== 'Pas d\'information' %}
        <div style="position: absolute; margin-left: 50px; top: 700px">
            <h2 class="text-orange">Informations complémentaires</h2>
            <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>
        </div>
    {% endif %}
{% endblock %}