{# templates/artisan_v2/devis/ar_devis_visualiser.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Demande de devis / Visualiser</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Nom :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.prenom }} {{ devis.nom }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Adresse :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.adresse }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Ville :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.ville }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Code postal :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.cp }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Service :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {# { getServiceByKey(devis.service_key) } #}
                            {% if devis.solution == 'nettoyage' %}
                                Nettoyage
                            {% elseif devis.solution == 'depannage' %}
                                Dépannage
                            {% elseif devis.solution == 'nuisible' %}
                                Nuisible
                            {% else %}
                                {{ devis.solution }}
                            {% endif %} / {{ devis.service }}
                            {% if devis.detail_service|length > 0 %} ({{ devis.detail_service }}){% endif %}
                        </div>
                    </div>
                    {% if isNumeric(devis.surface) and devis.surface > 0 %}
                    <div class="row form-group fg-m-bottom">
                        {% if devis.id > 13937 %}
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">
                                {{ devis.surface_lab }}{% if devis.surface_unite|length > 0 %} ({{ devis.surface_unite }}){% endif %} :
                            </label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.surface }} 
                        </div>
                        {% else %}
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">
                            {% if devis.service_key == 'assainissement_vidange_curage' %}
                                Volume
                            {% elseif devis.service_key == 'vitres' and devis.creationDate|date('Y-m-d') > '2021-11-16' %}
                                Nombre de fenêtres
                            {% elseif devis.service_key == 'merule' and devis.id > 9827 %}
                                Longueur
                            {% else %}
                                Surface
                            {% endif %} :
                            </label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.surface }} 
                            {% if devis.service_key == 'assainissement_vidange_curage' %}
                                &#13221;
                            {% elseif devis.service_key == 'vitres' and devis.creationDate|date('Y-m-d') > '2021-11-16' %}

                            {% elseif devis.service_key == 'merule' and devis.id > 9827 %}
                                m
                            {% else %}
                                m²
                            {% endif %}
                        </div>
                        {% endif %}
                    </div>
                    {% endif %}
                    {% if devis.frequence|length > 0 %}
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">{% if devis.id > 14617 %}{{ devis.frequence_lab }}{% else %}Fréquence des interventions{% endif %} :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ getFrequenceByKey(devis.frequence) }}
                        </div>
                    </div>
                    {% endif %}
					{% if (datetime_3 > devis.creationDate|date('Y-m-d H:i:s')) or (reponse.validated == 1) %}
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Adresse de facturation :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            <span style="color:#f00;">{{ devis.adresseFacturation }}</span>
                        </div>
                    </div>
					{% endif %}
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label" style="color:#f00;">Email :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {% if reponse != false and (datetime_3 > devis.creationDate|date('Y-m-d H:i:s') or reponse.validated == 1) %}
                            <b style="color:#f00;">{{ devis.email }}</b>
                            {% else %}
                            <i style="color:#f00;">En attente de l'accord du client</i>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label" style="color:#f00;">Tél. :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {% if reponse != false and (datetime_3 > devis.creationDate|date('Y-m-d H:i:s') or reponse.validated == 1) %}
                            <a href="tel:{{ devis.tel }}" style="color:#f00;">{{ devis.tel }}</a>
                            {% else %}
                            <i style="color:#f00;">En attente de l'accord du client</i>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Description :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ getNl2Br(devis.description)|raw }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-4 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Date d'ajout :</label>
                        </div>
                        <div class="col-12 col-md-8 fg-m-bottom spa-modal-info">
                            {{ devis.creationDate|date('d-m-Y H:i') }}
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6" style="padding-bottom:6px;">

                    <table border="0" cellpadding="0" cellspacing="0" style="width:100%;border-radius:4px;border:1px solid #ccc;">
                    <tr>
                        <td class="sf-td" valign="top" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;border:0px solid transparent;width:100%;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="table-layout:fixed;border:0px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:auto;">
                            <tr>
                            <td align="left" class="sf-html sf-td" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;padding-top:30px;padding-right:20px;padding-bottom:20px;padding-left:20px;color:#262626;font-size:1em;">
                                Votre réponse :<br><br>
                                <p style="font-style:italic;color:#999;">{{ reponse.date_envoi|date('d-m-Y H:i') }}</p>
                                {% if reponse.nbr_heures_estimatif|length > 0 and reponse.prix_heure|length > 0 %}
                                    <br><span style="font-style:italic;color:#19c5d9;">Charge de travail estimée pour votre demande de prestation :</span><br>
                                    <span style="font-style:italic;color:#19c5d9;" id="i_nbr_heures_estimatif">Nombre d'heures estimatif : {{ reponse.nbr_heures_estimatif }}</span><br>
                                    <span style="font-style:italic;color:#19c5d9;" id="i_prix_heure">Prix moyen / {{ devis.prix_moyen_par }} : {{ reponse.prix_heure }} &euro;</span><br>

                                    {% if reponse.montant_depense > 0 %}
                                        <span style="font-style:italic;color:#19c5d9;" id="i_autre_depense">{{ reponse.intitule_depense }} : {{ reponse.montant_depense }} &euro;</span><br>
                                    {% endif %}
                                    {% if reponse.total_apayer_ht > 0 %}
                                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ht">Total à payer (HT) : {{ reponse.total_apayer_ht }} &euro;</span><br>
                                    {% endif %}
                                    {% if reponse.remise_eventuelle > 0 %}
                                        <span style="font-style:italic;color:#19c5d9;" id="i_remise_eventuelle">Remise éventuelle : {{ reponse.remise_eventuelle }} {{ reponse.remise_type }}</span><br>
                                        {% if reponse.remise_type == '%' > 0 %}
                                            <span style="font-style:italic;color:#19c5d9;" id="i_remise_eventuelle">Montant remise : {{ ((reponse.remise_eventuelle * reponse.total_apayer_ht) / 100)|number_format(2, '.', ' ') }} &euro;</span><br>
                                        {% endif %}
                                    {% endif %}
                                    {% if reponse.montant_tva > 0 %}
                                        <span style="font-style:italic;color:#19c5d9;" id="i_montant_tva">Montant TVA : {{ reponse.montant_tva }} &euro;</span><br>
                                    {% endif %}
                                    {% if reponse.total_apayer_ttc > 0 %}
                                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ttc">Total à payer (TTC) : {{ reponse.total_apayer_ttc }} &euro;</span><br>
                                    {% endif %}
                                    <br>

                                    <span style="font-style:italic;color:#19c5d9;">Sous réserve d'une visite sur site afin de mieux évaluer la prestation en tenant compte des particularités de l'intervention.</span>
                                {% endif %}
                                <p style="font-style:italic;color:#19c5d9;" id="votre_message">{{ getNl2Br(reponse.message)|raw }}</p>
                                {% if reponse.file_reponse_devis|length > 0 %}<br>{{ getLinkReponseDevis(reponse.file_reponse_devis)|raw }}{% endif %}
                            </td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                    </table>

                </div>
            </div>

        </div>
        <div class="modal-footer"></div>
    </div>
</div>