{% if isDemo %}
    <style>
        .deper-general-infos-report .info-service {
            background-color: #b3b3b3;
            color: #b3b3b3;
            border-radius: 3px;
        }
    </style>
{% endif %}

<div class="container-summary" style="width: 100%;">
    <div class="block-summary deper-general-infos-report">
        <div style="width: 34rem">
            <p>
                {% if serviceCreatedOnProject.serviceDataValueKey('AnnéeContru1') and serviceCreatedOnProject.serviceDataValueKey('AmeIsoExt')==='Non, et je souhaite faire le calcul avec le coefficient G' %}
                    <span>Coefficient G : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('AnnéeContru1') }}</span>
                    <br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('AnnéeConstru') %}
                    <span>Année de construction : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('AnnéeConstru') }}</span>
                    <br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('Surface.1') %}
                    <span>Surface à chauffer dont étage : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('Surface.1') }} m²</span>
                    <br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('HauteurM.1') %}
                    <span>Hauteur moyenne sous plafond : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('HauteurM.1') }} m</span>
                    <br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('EtageLogement') %}
                    <span> La maison est-elle de plain-pied ? : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('EtageLogement') }}</span>
                    <br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('SEta=Srdc') %}
                    <span>Surface de l'étage chauffée similaire à celle du rez-de-chaussée : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('SEta=Srdc') }}</span><br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('SolIsoPer') %}
                    <span>Sol isolé en périphérie pour traiter les ponts thermiques : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('SolIsoPer') }}</span><br>
                {% endif %}
            </p>
        </div>
        <div style="width: 34rem">
            <p>
                {% if serviceCreatedOnProject.serviceDataValueKey('TAmb?.1') %}
                    <span>Température ambiante souhaitée : </span><span
                        class="info-service">{{ serviceCreatedOnProject.serviceDataValueKey('TAmb?.1') }}°C</span><br>
                {% endif %}
                {% if serviceCreatedOnProject.serviceDataValueKey('Surface.1') and serviceCreatedOnProject.serviceDataValueKey('DeperResultat') %}
                    <span>Déperdition surfacique :</span>
                    <span class="info-service">
                        {% if isDemo %}
                            {{ serviceCreatedOnProject.serviceDataValueKey('DeperResultat') }}
                        {% else %}
                            {{ (serviceCreatedOnProject.serviceDataValueKey('DeperResultat')|replace({',':'.'})|floatval * 1000 / serviceCreatedOnProject.serviceDataValueKey('Surface.1')|replace({',':'.'})|floatval)|number_format(2, '.', '') }} W/m²
                        {% endif %}
                </span>
                {% endif %}
            </p>
        </div>
    </div>
</div>