{# 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">Répondre ...</h4>
      </div>

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

        <div class="col-sm-6">
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Nom</label>
                <div class="col-sm-7 info">{{ devis.prenom }} {{ devis.nom }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Adresse</label>
                <div class="col-sm-7 info">{{ devis.adresse }},<br>{{ devis.cp }} {{ devis.ville }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Service</label>
                <div class="col-sm-7 info">
                    {{ getServiceByKey(devis.service) }}
                </div>
            </div>{% if devis.surface > 0 %}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Surface</label>
                <div class="col-sm-7 info">{{ devis.surface }} m²</div>
            </div>{% endif %}
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Description</label>
                <div class="col-sm-7 info">{{ getNl2Br(devis.description)|raw }}</div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label">Date d'ajout</label>
                <div class="col-sm-7 info">{{ devis.creationDate|date('d-m-Y H:i') }}</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" placeholder="" autocomplete="off">
                </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" placeholder="" autocomplete="off">
                </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">
                <label for="prixHeure" class="col-sm-5 control-label">Autre dépense</label>
                <div class="col-sm-6">
                    <button type="button" class="btn btn-success" id="add_autre_depense"><i class="fa fa-plus fawesome"></i></button>
                    <input type="hidden" class="form-control" name="form[intituleDepense]" id="intituleDepense" placeholder="Intitulé de la dépense" value="" autocomplete="off">
                </div><div class="col-sm-1"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="intitule_depense-error"></div>
            </div>
            <div class="form-group fg-m-bottom" id="div_montant_depense" style="display:none;">
                <div class="col-sm-offset-5 col-sm-6">
                    <input type="text" class="form-control" name="form[montantDepense]" id="montantDepense" placeholder="Montant de la dépense (HT) (&euro;)" value="" autocomplete="off">
                </div><div class="col-sm-1"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="montant_depense-error"></div>
            </div>
            <div class="form-group fg-m-bottom" style="margin-bottom:12px;">
                <label class="col-sm-5 control-label">Total à payer (HT)</label>
                <div class="col-sm-4" id="total_a_payer_ht" style="padding-top:6px;"></div><div class="col-sm-3">
                    <input type="hidden" name="form[totalAPayerHt]" id="totalAPayerHt" value="">
                </div>
            </div>
            <div class="form-group fg-m-bottom">
                <label for="remiseEventuelle" class="col-sm-5 control-label">Remise éventuelle (&euro;)</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" name="form[remiseEventuelle]" id="remiseEventuelle" placeholder="" autocomplete="off">
                </div><div class="col-sm-3"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="remise_eventuelle-error"></div>
            </div>
            <div class="form-group fg-m-bottom">
                <label for="montantTva" class="col-sm-5 control-label">Montant TVA (&euro;)</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" name="form[montantTva]" id="montantTva" placeholder="" autocomplete="off" readonly>
                </div><div class="col-sm-3"></div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="montant_tva-error"></div>
            </div>
            <div class="form-group fg-m-bottom" style="margin-bottom:12px;">
                <label class="col-sm-5 control-label">Total à payer (TTC)</label>
                <div class="col-sm-4" id="total_a_payer_ttc" style="padding-top:6px;"></div><div class="col-sm-3">
                    <input type="hidden" name="form[totalAPayerTtc]" id="totalAPayerTtc" value="">
                </div>
            </div>

            <div class="form-group fg-m-bottom">
                <label for="reponse" class="col-sm-5 control-label">Votre message</label>
                <div class="col-sm-7">
                    <textarea class="form-control" name="form[reponse]" id="reponse" placeholder="" rows="5" style="font-size:12px;resize:none;"></textarea>
                </div>
                <div class="col-sm-offset-5 col-sm-7 fm-error" id="reponse-error"></div>
            </div>

            <div class="form-group fg-m-bottom">
                <label class="col-sm-5 control-label"></label>
                <div class="col-sm-7">
                    <input type="file" class="form-control" name="fileToUpload" id="fileToUpload" value="" onchange="return saveDoc({{ devis.id }});" style="opacity:0;">
                    <label for="fileToUpload" class="btn btn-warning" id="joindre_devis_btn">Joindre votre devis (PDF)</label>
                </div>
                <div class="col-sm-offset-4 col-sm-8 fm-error" id="devis-pj-error" style="text-align:left;"></div>
            </div>
            <div class="form-group fg-m-bottom">
                <label class="col-sm-4 control-label"></label>
                <div class="col-sm-8" id="pj_devis_name"></div>
                <input type="hidden" name="form[pjDevis]" id="pjDevis" value="">
            </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="repondre_devis_submit" id="repondre_devis_submit" class="btn btn-primary btn-block">
                        <i class="fa fa-send fawesome"></i> Envoyer
                    </button>
                </div><div class="col-sm-2"></div>
            </div>

        </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="center" class="sf-img 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:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                       <a target="_blank" href="https://www.cleanolia.fr/">
                        <img src="https://www.cleanolia.fr/img/logo.png" width="150" height="51" align="center" style="display:block;-ms-interpolation-mode:bicubic;width:150px;text-align:center;max-width:98%;padding-top:5px;padding-right:1%;padding-left:1%;border:0px solid #ffffff;border-radius:0px;">
                       </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>

            <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%;">
                        Bonjour,<br><br>

                        Cleanolia.fr vient de recevoir une réponse à votre demande de devis par l'un de nos partenaires.<br><br>
                        
                        Information du partenaire :<br>
                        
                        <p>{{ infos_artisan|raw }}</p>
                        <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 : </span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_prix_heure">Prix moyen / heure : </span><br>

                        <span style="font-style:italic;color:#19c5d9;" id="i_autre_depense"></span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ht">Total à payer (HT) : </span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_remise_eventuelle"></span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_montant_tva">Montant TVA : </span><br>
                        <span style="font-style:italic;color:#19c5d9;" id="i_total_a_payer_ttc">Total à payer (TTC) : </span><br><br>

                        <p 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.</p>
                        <br><p style="font-style:italic;color:#19c5d9;" id="votre_message">{ Votre message }</p>
                      </td>
					</tr>
					<tr>
						<td 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:15px;padding-right:20px;padding-bottom:0;padding-left:20px;color:#262626;font-size:90%;">
                        Cordialement,<br><br>
                        
                        <span style="color:#19c5d9;font-weight:normal;font-size:1.1em;">L’équipe Cleanolia, à votre service.</span><br><br>
                        
                        <br><br>

                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>

            <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:0 auto 0;background-color:#ededed">
                    <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:12px;padding-bottom:12px;color:#262626;font-size:75%;text-align:center;">
                        © Cleanolia {{ year }} - Tous droits réservés.
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
        </div>
        
      </div>
      <div class="modal-footer" style="text-align:center;">
        <input type="hidden" name="form[devis]" id="devis" value="{{ devis.id }}">
        <input type="hidden" name="repondre_devis" id="repondre_devis" value="repondre_devis">
      </div>
      </form>
    </div>
</div>