{# templates/artisan/devis/ar_devis_visualiser.html.twig #}
<div class="modal-dialog" role="document" style="width:70%!important;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title span-primary" id="myModalLabel">Visualiser</h4>
      </div>

      <div class="modal-body" style="overflow-y:auto;">
      
        {# <div class="col-sm-12 n-reservation">N° {{ devis.id }}</div> #}

        <form class="form-horizontal" name="edit_reponse_devis_form" id="edit_reponse_devis_form" method="post" action="">
        <div class="col-sm-6">
            {# % if reponse.validated == 0 and reponse.canceled == 0 %}
            <div style="padding:0 0 12px;color:#337ab7;font-size:0.9em;font-weight:bold;">Votre réponse est encours de validation, merci de patienter...</div>
            {% endif %}
            {% if reponse.validated == 0 and reponse.canceled == 1 %}
            <div style="padding:0 0 12px;color:#d43f3a;font-size:0.9em;font-weight:bold;">Votre proposition n'est pas validé par nos services de qualité (Nombre d'heures estimatif ou Prix moyen / heure non valide) , merci de la reformuler et de la renvoyer de nouveau.</div>
            {% endif % #}

            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Nom</label>
                <div class="col-sm-8 info">{{ devis.prenom }} {{ devis.nom }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Adresse</label>
                <div class="col-sm-8 info">{{ devis.adresse }}</div>
            </div>
            {# % if reponse.validated == 1 % #}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Ville</label>
                <div class="col-sm-8 info">{{ devis.ville }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Code postal</label>
                <div class="col-sm-8 info">{{ devis.cp }}</div>
            </div>
            {# % endif % #}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Service</label>
                <div class="col-sm-8 info">
                    {{ getServiceByKey(devis.service) }}
                </div>
            </div>
            {% if devis.surface > 0 %}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Surface</label>
                <div class="col-sm-8 info">{{ devis.surface }} m²</div>
            </div>
            {% endif %}
            {% if devis.frequence|length > 0 %}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Fréquence des interventions</label>
                <div class="col-sm-8 info">{{ getFrequenceByKey(devis.frequence) }}</div>
            </div>
            {% endif %}
            {# % if reponse.validated == 1 % #}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label" style="color:#f00;">Email</label>
                <div class="col-sm-8 info" style="color:#f00;"><b>{{ devis.email }}</b></div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label" style="color:#f00;">Tél.</label>
                <div class="col-sm-8 info" style="color:#f00;"><b>{{ devis.tel }}</b></div>
            </div>
            {# % endif % #}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Description</label>
                <div class="col-sm-8 info">{{ getNl2Br(devis.description)|raw }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label">Date d'ajout</label>
                <div class="col-sm-8 info">{{ devis.creationDate|date('d-m-Y H:i') }}</div>
            </div>

            {# % if reponse.validated == 0 and reponse.canceled == 1 %}
            <div class="form-group fg-m-bottom">
                <label for="reponse" class="col-sm-4 control-label">Votre message</label>
                <div class="col-sm-8">
                    <textarea class="form-control" name="form[reponse]" id="reponse" placeholder="" rows="5" style="font-size:12px;resize:none;">{{ reponse.message }}</textarea>
                </div>
                <div class="col-sm-offset-4 col-sm-8 fm-error" id="reponse-error"></div>
            </div>
            <div class="form-group fg-m-bottom">
                <label for="nbrHeuresEstimatif" class="col-sm-5 control-label">Nombre d'heures estimatif</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" name="form[nbrHeuresEstimatif]" id="nbrHeuresEstimatif" value="{{ reponse.nbr_heures_estimatif }}" placeholder="">
                </div><div class="col-sm-3"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="nbr_heures_estimatif-error"></div>
            </div>
            <div class="form-group fg-m-bottom">
                <label for="prixHeure" class="col-sm-5 control-label">Prix moyen / heure (&euro;)</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" name="form[prixHeure]" id="prixHeure" value="{{ reponse.prix_heure }}" placeholder="">
                </div><div class="col-sm-3"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="prix_heure-error"></div>
            </div>
            <div class="form-group fg-m-bottom" style="margin-top:20px;">
                <label class="col-sm-3 control-label"></label>
                <div class="col-sm-7">
                    <button type="button" name="edit_reponse_devis_submit" id="edit_reponse_devis_submit" class="btn btn-primary btn-block">
                        <i class="fa fa-send fawesome"></i> Envoyer
                    </button>
                </div>
                <div class="col-sm-2">
                  <input type="hidden" name="form[devis]" id="devis" value="{{ devis.id }}">
                  <input type="hidden" name="edit_reponse_devis" id="edit_reponse_devis" value="edit_reponse_devis">
                </div>
            </div>
            {% endif % #}

        </div>
        <div class="col-sm-6" style="border:1px solid #ccc;border-radius:6px;padding-bottom:6px;">

            <table border="0" cellpadding="0" cellspacing="0" width="100%" 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%;border:0px solid transparent;">
              <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:90%;">
                        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 / heure : {{ 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 %}
                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ht">Total à payer (HT) : {{ reponse.total_apayer_ht }} &euro;</span><br>
                        {% if reponse.remise_eventuelle > 0 %}<span style="font-style:italic;color:#19c5d9;" id="i_remise_eventuelle">Remise éventuelle : {{ reponse.remise_eventuelle }} &euro;</span><br>{% endif %}
                        <span style="font-style:italic;color:#19c5d9;" id="i_montant_tva">Montant TVA : {{ reponse.montant_tva }} &euro;</span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ttc">Total à payer (TTC) : {{ reponse.total_apayer_ttc }} &euro;</span><br><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>
        </form>
        
      </div>
      <div class="modal-footer"></div>
    </div>
</div>