{# templates/artisan_v2/devis/ar_devis_form_repondre.html.twig #}
<div class="modal-dialog modal-repondre" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Demande de devis / Répondre</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">
                {% if nbr_reponses >= 3 %}
                <div class="col-12 col-md-12">
                    <div class="alert alert-danger" role="alert">
                        Trop tard, un collègue vient d'envoyer le 3ème devis au client. Vous n'avez plus la possibilité d'envoyer le vôtre. Votre crédit reste inchangé. Restez connectés, le client peut demander à recevoir 3 autres devis s'il n'est pas satisfait des premières propositions.
                    </div>
                </div>
                {% else %}
                <div class="col-12 col-md-6">
                    <form class="form-horizontal" name="repondre_devis_form" id="repondre_devis_form" method="post" action="{{ path('artisan_devis_en_attente') }}">
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Ville :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">
                            <b>{{ devis.cp }}</b> {{ devis.ville }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Service :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">
                            {# { getServiceByKey(devis.service) } #}
                            {% 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 %}
                            <input type="hidden" id="dfc_service" value="{{ service }}">
                            <input type="hidden" id="dfc_surface" value="{{ devis.surface }}">
                            <input type="hidden" id="dfc_field_calcul" value="{{ devis.field_calcul }}">
                            <input type="hidden" id="dfc_calcul" value="{{ devis.calcul }}">
                            <input type="hidden" id="dfc_prix_moyen_par" value="{{ devis.prix_moyen_par }}">
                            <input type="hidden" id="dfc_dde" value="{{ devis.id }}">
                            <input type="hidden" id="dfc_prix_min" value="{{ devis.prix_min }}">
                            <input type="hidden" id="dfc_prix_max" value="{{ devis.prix_max }}">
                        </div>
                    </div>
                        {% if isNumeric(devis.surface) and devis.surface > 0 %}
                            <div class="row form-group fg-m-bottom">
                                {% if devis.id > 0 %}
                                    <div class="col col-md-5 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-7 fg-m-bottom spa-modal-info">
                                        {{ devis.surface }}
                                    </div>
                                {% else %}
                                    <div class="col col-md-5 spa-col-label fg-m-bottom">
                                        <label class="form-control-label spa-label">
                                            {% if devis.service == 'assainissement_vidange_curage' %}
                                                Volume
                                            {% elseif devis.service == 'vitres' and devis.creationDate|date('Y-m-d') > '2021-11-16' %}
                                                Nombre de fenêtres
                                            {% elseif devis.service == 'merule' and devis.id > 9827 %}
                                                Longueur
                                            {% else %}
                                                Surface
                                            {% endif %} :
                                        </label>
                                    </div>
                                    <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">
                                        {{ devis.surface }} {{ devis.prix_moyen_par }}
                                    </div>
                                {% endif %}
                            </div>
                        {% endif %}
                    {% if devis.frequence|length > 0 %}
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label" style="line-height:12px;">{% if devis.id > 14617 %}{{ devis.frequence_lab }}{% else %}Fréquence des interventions{% endif %} :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">{{ getFrequenceByKey(devis.frequence) }}</div>
                    </div>
                    {% endif %}
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Description :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-3 spa-col-label fg-m-bottom">
                        </div>
                        <div class="col-12 col-md-9 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-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Date d'ajout :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-info">
                            {{ devis.creationDate|date('d-m-Y H:i') }}
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label for="prixHeure" class="form-control-label spa-label">Prix moyen / {{ devis.prix_moyen_par }} (&euro;) :</label>
                        </div>
                        <div class="col-12 col-md-4 fg-m-bottom spa-modal-field-excep">
                            <input type="text" class="form-control" name="form[prixHeure]" id="prixHeure" placeholder="" autocomplete="off">
                            <div class="offset-md-5 fm-error" id="prix-heure-error" style="font-size: 12px;margin: 10px 0 0 1px;width: 240px;">Prix accepté entre {{ devis.prix_min|number_format(2, '.', ' ') }} et {{ devis.prix_max|number_format(2, '.', ' ') }} &euro; !</div>
                            <div class="offset-md-5 fm-error" id="prix_heure-error" style="font-size: 12px;margin: 10px 0 0 1px;width: 240px;"></div>
                        </div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label for="nbrHeuresEstimatif" class="form-control-label spa-label" style="line-height:12px;">Nombre d'heures estimatif du travail :</label>
                        </div>
                        <div class="col-12 col-md-4 fg-m-bottom spa-modal-field-excep">
                            <input type="text" class="form-control" name="form[nbrHeuresEstimatif]" id="nbrHeuresEstimatif" placeholder="" autocomplete="off">
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="nbr_heures_estimatif-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Autre dépense :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom spa-modal-field-excep">
                            <!--button type="button" class="btn btn-success btn-sm" id="add_autre_depense"> &nbsp;&nbsp;<i class="fa fa-plus fawesome"></i>&nbsp;&nbsp; </button-->
                            <input type="text" class="form-control" name="form[intituleDepense]" id="intituleDepense" placeholder="Intitulé de la dépense" value="" autocomplete="off">
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="intitule_depense-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom" id="div_montant_depense">
                        <div class="offset-md-5 col-12 col-md-7 fg-m-bottom spa-modal-field-excep">
                            <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="offset-md-5 col-md-7 fm-error" id="montant_depense-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Total à payer (HT) :</label>
                            <input type="hidden" name="form[totalAPayerHt]" id="totalAPayerHt" value="">
                        </div>
                        <div class="col-12 col-md-6 fg-m-bottom spa-modal-info" id="total_a_payer_ht"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label for="remiseEventuelle" class="form-control-label spa-label">Remise éventuelle :</label>
                        </div>
                        <div class="col-12 col-md-3 fg-m-bottom spa-modal-field-excep">
                            <input type="text" class="form-control" name="form[remiseEventuelle]" id="remiseEventuelle" placeholder="" autocomplete="off">
                        </div>
                        <div class="col-12 col-md-3 fg-m-bottom spa-modal-field-excep">
                            <select class="form-control" name="form[remise]" id="remise">
                                <option value="">Choisir</option>
                                <option value="%">%</option>
                                <option value="€">€</option>
                            </select>
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="remise_eventuelle-error"></div>
                    </div>

					<div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label for="tauxTva" class="form-control-label spa-label">Taux TVA :</label>
                        </div>
                        <div class="col-12 col-md-4 fg-m-bottom spa-modal-field-excep">
                            <select class="form-control" name="form[tauxTva]" id="tauxTva">
								<option value="0">0 %</option>
								<option value="5.5">5.5 %</option>
								<option value="8.5">8.5 %</option>
								<option value="10">10 %</option>
								<option value="20" selected>20 %</option>
                            </select>
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="taux_tva-error"></div>
                    </div>

                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Montant TVA (&euro;) :</label>
							<input type="hidden" name="form[montantTva]" id="montantTva" value="">
                        </div>
                        <div class="col-12 col-md-4 fg-m-bottom spa-modal-info" id="montant_tva"></div>
                        <div class="offset-md-5 col-md-7 fm-error" id="montant_tva-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label class="form-control-label spa-label">Total à payer (TTC) :</label>
                            <input type="hidden" name="form[totalAPayerTtc]" id="totalAPayerTtc" value="">
                        </div>
                        <div class="col-12 col-md-6 fg-m-bottom spa-modal-info" id="total_a_payer_ttc"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-5 spa-col-label fg-m-bottom">
                            <label for="reponse" class="form-control-label spa-label">Votre message :</label>
                        </div>
                        <div class="col-12 col-md-7 fg-m-bottom"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="col col-md-3 spa-col-label fg-m-bottom">
                        </div>
                        <div class="col-12 col-md-9 fg-m-bottom spa-modal-field-excep">
                            <textarea class="form-control" name="form[reponse]" id="reponse" placeholder="" rows="5" style="font-size:12px;resize:none;"></textarea>
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="reponse-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="offset-md-5 col-12 col-md-6 fg-m-bottom spa-modal-field-excep">
                            <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 btn-sm btn-block" id="joindre_devis_btn">Joindre devis (PDF)</label>
                        </div>
                        <div class="offset-md-5 col-md-7 fm-error" id="devis-pj-error"></div>
                    </div>
                    <div class="row form-group fg-m-bottom">
                        <div class="offset-md-5 col-12 col-md-7 fg-m-bottom spa-modal-info" id="pj_devis_name"></div>
                    </div>
                            <input type="hidden" name="form[pjDevis]" id="pjDevis" value="">
                            <input type="hidden" name="form[devis]" id="devis" value="{{ devis.id }}">
							<input type="hidden" name="repondre_devis" id="repondre_devis" value="repondre_devis">
                    </form>
                </div>
                <div class="col-12 col-md-6">
                    <div style="width:100%;border-radius:4px;border:1px solid #ccc;">

            <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;">Charge de travail estimée pour votre demande de prestation :</span><br>
                        <span style="font-style:italic;" id="i_nbr_heures_estimatif">Nombre d'heures estimatif : </span><br>
                        <span style="font-style:italic;" id="i_prix_heure">Prix moyen / {{ devis.prix_moyen_par }} : </span><br>

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

                        <p style="font-style:italic;">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;" 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="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><br><br>
                    <div class="row form-group fg-m-bottom">
                        <div class="offset-md-3 col-12 col-md-6 fg-m-bottom spa-modal-field-excep">
							<button type="button" id="repondre_devis_submit" class="btn btn-info btn-sm btn-block">
                                <i class="zmdi zmdi-mail-send"></i>&nbsp; Envoyer
                            </button>
                        </div>
                    </div>
                </div>
                {% endif %}
            </div>

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

        <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
        <script>
            Weglot.initialize({
                api_key: 'wg_b25154712fcfc317accc46ec9fbfb6753'
            });
        </script>        
    </div>
</div>