{# templates/superadmin/artisans/sa_devis_list_reponses.html.twig #}
<div class="modal-dialog" role="document" style="width:75%!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éponses</h4>
      </div>
      
      <div class="modal-body" style="overflow-y:auto;height:500px;">
        <div class="col-sm-12 n-reservation">N° {{ id }}{% if surface > 0 %}<br>{{ surface }} m²{% endif %}</div>
        
        <table class="table table-bordered table-condensed superadmin-listing" style="margin-top:25px;">
         <thead>
          <tr>
            <th style="width:15%;">Artisan</th>
            <th>Réponse</th>
            <th style="width:10%;">Date d'envoi</th>
          </tr>
         </thead>
         <tbody>
          {% for k,row in list_reponses %}
          <tr class="bgc-{% if k is odd %}ddd{% else %}eee{% endif %}">
            <td class="left" style="vertical-align:top;">{{ row.artisan_id }} - {{ row.societe }}</td>
            <td class="left" style="vertical-align:top;">
              <form class="form-horizontal" id="form_reponse_{{ row.id }}" method="post" action="">
                <div class="form-group fg-m-bottom">
                    <label for="message_{{ row.id }}" class="col-sm-3 control-label">Message :</label>
                    <div class="col-sm-9">
                        <textarea class="form-control" id="message_{{ row.id }}" style="height:130px;font-size:12px;resize:none;">{{ row.message }}</textarea>
                    </div>
                </div>
                <div class="form-group fg-m-bottom">
                    <label for="nbr_heures_estimatif_{{ row.id }}" class="col-sm-3 control-label">Nombre d'heures estimatif :</label>
                    <div class="col-sm-2">
                        <input class="form-control nbr-heures-estimatif" id="nbr_heures_estimatif_{{ row.id }}" style="height:28px;font-size:12px;" value="{{ row.nbr_heures_estimatif }}" autocomplete="off">
                    </div><div class="col-sm-7"></div>
                </div>
                <div class="form-group fg-m-bottom">
                    <label for="prix_heure_{{ row.id }}" class="col-sm-3 control-label">Prix moyen / heure (&euro;) :</label>
                    <div class="col-sm-2">
                        <input class="form-control prix-heure" id="prix_heure_{{ row.id }}" style="height:28px;font-size:12px;" value="{{ row.prix_heure }}" autocomplete="off">
                    </div><div class="col-sm-7">
                        <input type="hidden" id="montant_depense_{{ row.id }}" value="{{ row.montant_depense }}">
                        <input type="hidden" id="remise_eventuelle_{{ row.id }}" value="{{ row.remise_eventuelle }}">
                    </div>
                </div>
                {% if row.montant_depense > 0 %}
                <div class="form-group fg-m-bottom">
                    <label class="col-sm-3 control-label">{{ row.intitule_depense }} :</label>
                    <div class="col-sm-2">
                        {{ row.montant_depense }} €
                    </div><div class="col-sm-7"></div>
                </div>
                {% endif %}
                <div class="form-group fg-m-bottom">
                    <label class="col-sm-3 control-label">Total à payer HT (€) :</label>
                    <div class="col-sm-2">
                        <span id="i_total_apayer_ht_{{ row.id }}">{{ row.total_apayer_ht }} €</span>
                    </div><div class="col-sm-7"><input type="hidden" id="total_apayer_ht_{{ row.id }}" value="{{ row.total_apayer_ht }}"></div>
                </div>
                {% if row.remise_eventuelle > 0 %}
                <div class="form-group fg-m-bottom">
                    <label for="remise_eventuelle_{{ row.id }}" class="col-sm-3 control-label">Remise éventuelle (€) :</label>
                    <div class="col-sm-2">
                        {{ row.remise_eventuelle }} €
                    </div><div class="col-sm-7"></div>
                </div>
                {% endif %}
                <div class="form-group fg-m-bottom">
                    <label class="col-sm-3 control-label">Montant TVA (€) :</label>
                    <div class="col-sm-2">
                        <span id="i_montant_tva_{{ row.id }}">{{ row.montant_tva }} €</span>
                    </div><div class="col-sm-7"><input type="hidden" id="montant_tva_{{ row.id }}" value="{{ row.montant_tva }}"></div>
                </div>
                <div class="form-group fg-m-bottom">
                    <label class="col-sm-3 control-label">Total à payer (TTC) :</label>
                    <div class="col-sm-2">
                        <span id="i_total_apayer_ttc_{{ row.id }}">{{ row.total_apayer_ttc }} €</span>
                    </div><div class="col-sm-7"><input type="hidden" id="total_apayer_ttc_{{ row.id }}" value="{{ row.total_apayer_ttc }}"></div>
                </div>
                <div class="form-group fg-m-bottom">
                    <label class="col-sm-3 control-label"></label>
                    <div class="col-sm-2">
                    </div><div class="col-sm-7" id="alert_reponse_{{ row.id }}" style="text-align:center;">
                        {% if row.validated == 1 %}
                          <span style="color:#4cae4c;font-weight:bold;">Validée</span>
                        {% elseif row.canceled == 1 %}
                          <span style="color:#eea236;font-weight:bold;">Annulée</span>
                        {% else %}
                          <span style="color:#46b8da;font-weight:bold;">En attente</span>
                        {% endif %}
                    </div>
                </div>
                <div class="form-group fg-m-bottom">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-3">{% if row.file_reponse_devis|length > 0 %}<br>{{ getLinkReponseDevis(row.file_reponse_devis)|raw }}{% endif %}</div>
                    <div class="col-sm-2">
                        {% if row.validated == 0 and row.canceled == 0 %}
                        <button type="button" class="btn btn-primary" id="btn_modifier_{{ row.id }}" onclick="modifierReponse({{ row.id }});" style="height:28px;font-size:12px;">
                          <i class="fa fa-pencil fawesome" aria-hidden="true"></i> Modifier
                        </button>
                        {% endif %}
                    </div>
                    <div class="col-sm-2">
                        {% if row.validated == 0 and row.canceled == 0 %}
                        <button type="button" class="btn btn-success" id="btn_valider_{{ row.id }}" onclick="validerReponse({{ row.id }});" style="height:28px;font-size:12px;">
                          <i class="fa fa-send fawesome" aria-hidden="true"></i> Valider
                        </button>
                        {% endif %}
                    </div>
                    <div class="col-sm-2">
                        {% if row.validated == 0 and row.canceled == 0 %}
                        <button type="button" class="btn btn-warning" id="btn_annuler_{{ row.id }}" onclick="annulerReponse({{ row.id }});" style="height:28px;font-size:12px;">
                          <i class="fa fa-send fawesome" aria-hidden="true"></i> Annuler
                        </button>
                        {% endif %}
                    </div>
                </div>
              </form>
            </td>
            <td class="center" style="vertical-align:top;">{{ row.date_envoi|date('d-m-Y') }}<br>{{ row.date_envoi|date('H:i') }}</td>
          </tr>
          {% endfor %}
         </tbody>
        </table>
        
      </div>
      <div class="modal-footer"></div>
    </div>
</div>