{# templates/client_v2/client_mes_demandes_visualiser_devis.html.twig #}
<div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Mes demandes de devis / Visualiser les devis</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            {# <p class="p-modal" style="font-size:1em;font-weight:normal;">
                <b>Service :</b> {{ getServiceByKey(devis.service) }}
                {% if devis.surface > 0 %}
				  {% if devis.service == 'assainissement_vidange_curage' %}
					<b>Volume :</b> {{ devis.surface }} &#13221;<br>
				  {% elseif devis.service == 'vitres' and devis.creationDate|date('Y-m-d') > '2021-11-16' %}
					<b>Nombre de fenêtres :</b> {{ devis.surface }}<br>
				  {% else %}
					<b>Surface :</b> {{ devis.surface }} m²<br>
				  {% endif %}
				{% endif %}
                {% if devis.frequence|length > 0 %}<br><b>Fréquence des interventions :</b> {{ getFrequenceByKey(devis.frequence) }}{% endif %}
                <br>{{ getNl2Br(devis.description)|raw }}
            </p> #}

            <div class="table-responsive table--no-card">
                <table class="table table-borderless table-striped table-earning">
                    <thead>
                        <tr>
                            <th class="width-5">#</th>
                            <th class="width-18">Artisan</th>
                            <th>Message</th>
                            <th class="width-10">Date<br>d'envoi</th>
                            <th class="width-20">Transmettre les infos<br>de contact au prestataire</th>
                            <th class="width-10"></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for k,row in listing %}
                        <tr>
                            <td class="text-center">{{ (k + 1) }}</td>
                            <td>
								{{ row.societe }}
								<br>
								{% if row.artisanEmail|length > 0 %}<br><i class="zmdi zmdi-email"></i>&nbsp; {{ row.artisanEmail }}{% endif %}
								{% if row.artisanTel|length > 0 %}<br><i class="zmdi zmdi-phone"></i>&nbsp; {{ row.artisanTel }}{% endif %}
								{% if row.artisanMobile|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobile }}{% endif %}
								{% if row.artisanMobileBis|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobileBis }}{% endif %}
								{% if row.artisanMobileTrois|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobileTrois }}{% endif %}
							</td>
                            <td>
                                {{ getNl2Br(row.message)|raw }}<br>
                                {% if row.nbr_heures_estimatif|length > 0 %}<br><b>Nombre d'heures estimatif :</b> {{ row.nbr_heures_estimatif }}{% endif %}
                                {% if row.prix_heure|length > 0 %}<br><b>Prix moyen / {{ prix_moyen_par }} :</b> {{ row.prix_heure }} &euro;{% endif %}
                                {% if row.montant_depense|length > 0 and row.montant_depense > 0 %}<br><b>{{ row.intitule_depense }} :</b> {{ row.montant_depense }} &euro;{% endif %}
                                {% if row.total_apayer_ht|length > 0 and row.total_apayer_ht > 0 %}<br><b>Total à payer (HT) :</b> {{ row.total_apayer_ht }} &euro;{% endif %}
                                {% if row.remise_eventuelle|length > 0 and row.remise_eventuelle > 0 %}<br><b>Remise éventuelle :</b> {{ row.remise_eventuelle }} {{ row.remise_type }}{% endif %}
                                {% if row.remise_type == '%' > 0 %}
                                <br><b>Montant de la remise :</b> {{ ((row.remise_eventuelle * row.total_apayer_ht) / 100)|number_format(2, '.', ' ') }} &euro;
                                {% endif %}
                                {% if row.montant_tva|length > 0 and row.montant_tva > 0 %}<br><b>Montant TVA :</b> {{ row.montant_tva }} &euro;{% endif %}
                                {% if row.total_apayer_ttc|length > 0 and row.total_apayer_ttc > 0 %}<br><b>Total à payer (TTC) :</b> {{ row.total_apayer_ttc }} &euro;{% endif %}
                                {% if row.file_reponse_devis|length > 0 %}<br><br>{{ getLinkReponseDevis(row.file_reponse_devis)|raw }}{% endif %}
                            </td>
                            <td class="text-center">{{ row.date_envoi|date('d-m-Y') }}<br>{{ row.date_envoi|date('H:i') }}</td>
                            <td class="text-center" id="answered_{{ row.id }}">
                                {% if row.archived == 0 %}
                                    {% if row.answered == 0 %}
                                    L’offre me convient, je souhaite être contacté par le prestataire<br><br>
                                    <button type="button" class="btn btn-info btn-sm btn-block btn-app" onclick="sendToArtisan({{ row.id }});">
                                        <i class="zmdi zmdi-mail-send"></i>&nbsp; Envoyer
                                    </button>
                                    {% else %}
                                    <span style="font-weight:bold;color:#31708f;">Réponse envoyée au artisan</span>
                                    {% endif %}
                                {% endif %}
                            </td>
                            <td class="text-center" id="archived_{{ row.id }}">
                                {% if row.archived == 0 %}
                                <button type="button" class="btn btn-warning btn-sm btn-block btn-app" onclick="archiver({{ row.id }});">
                                    <i class="zmdi zmdi-archive"></i>&nbsp; Archiver
                                </button>
                                {% else %}
                                <span style="color:red;font-weight:bold;">Archivé</span>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>

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