{# templates/artisan/devis/ad_devis_en_attente.html.twig #}
{% extends 'artisan/artisan.html.twig' %}

{% block title %}Devis en attente - {{ parent() }}{% endblock %}

{% block body %}
    
    {{ render(controller( 'App\\Controller\\Artisan\\ArLayoutController::filAriane', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="alert alert-info" role="alert" style="text-align:left;">
        La demande de notre client vous intéresse ? Cliquez sur "Accepter". Vous trouverez cette demande dans Demandes de Devis / Acceptés.<br>
        Sinon, cliquez sur "Refuser" et cette demande sera archivée dans Demandes de Devis / Refusés.
    </div>

    {# { include('artisan/layout/ar_actions.html.twig') } #}
    
    {{ include('artisan/layout/ar_debug.html.twig') }}

    {{ include('artisan/layout/ar_alert.html.twig') }}
    
    {{ include('artisan/layout/ar_pagination.html.twig') }}

    {% if page <= nb_pages %}
    <table class="table table-bordered table-condensed superadmin-listing">	
      <thead>
        <tr>
            <th class="width-5"><a href="javascript:void(0);">#</a></th>
            <th class="width-10"><a href="javascript:void(0);">Ville</a></th>
            <th class="width-20"><a href="javascript:void(0);">Service</a></th>
            <th><a href="javascript:void(0);">Description</a></th>
            <th class="width-6"><a href="javascript:void(0);">Surface</a></th>
            <th class="width-6"><a href="javascript:void(0);">Fréquence des<br>interventions</a></th>
            <th class="width-8"><a href="javascript:void(0);">Date d'ajout</a></th>
            <th class="width-20" colspan="2"><a href="javascript:void(0);">Actions</a></th>
        </tr>
      </thead>
      <tbody>
        {% for key, row in listing %}
        <tr id="row-{{ row.id }}" class="bgc-{% if key is odd %}ddd{% else %}eee{% endif %}">
            <td class="center"><b>{{ (((page -1) * nb_per_page) + key + 1) }}</b></td>
            <td class="center">{{ row.cp }}<br>{{ row.ville }}</td>
            <td class="left">
                {{ getServiceByKey(row.service) }}
            </td>
            <td class="left">
                {{ getNl2Br(row.description)|raw }}
                {% if row.id == 67 %}
                <br><a href="https://www.cleanolia.fr/public/pj/Sineo_284_R20021313120.pdf" target="_blank">Voir plus</a>
                {% endif %}
            </td>
            <td class="center">{% if row.surface > 0 %}{{ row.surface }} m²{% endif %}</td>
            <td class="center">{% if row.frequence|length > 0 %}{{ getFrequenceByKey(row.frequence) }}{% endif %}</td>
            <td class="center">{{ row.creationDate|date('d-m-Y H:i') }}</td>
            <td class="width-10 center">
                {# % if row.accepted is empty % #}
                <a title="Accepter" href="javascript:void(0);" onclick="accepter({{ row.id }});" class="btn btn-success bold" id="accepter_devis_{{ row.id }}">
                    <i class="fa fa-plus fawesome" aria-hidden="true"></i> Accepter
                </a>
                {# % endif % #}
            </td>
            <td class="width-10 center">
                <a title="Refuser" href="javascript:void(0);" onclick="refuser({{ row.id }});" class="btn btn-danger bold">
                    <i class="fa fa-remove fawesome" aria-hidden="true"></i> Refuser
                </a>
            </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ include('artisan/layout/ar_pagination.html.twig') }}
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        
    });
    // ]]>
    
    function accepter(id){
        $.ajax({
            url : "{{ path('artisan_devis_en_attente') }}/"+ id +"/accepter",
            dataType : 'json',
            success : function(response){
                if (response.message === 'success') {
                    //$('#accepter_devis_' + id).remove();
                    //alert(response.credits);
                    $('tr#row-' + id).remove();
                } else if (response.message === 'solde_insuffisant') {
                    $('#spr-alert').html('<div class="alert alert-danger" role="alert">Votre solde de crédits est insuffisant !</div>');
                } else if (response.message === 'error') {
                    $('#spr-alert').html('<div class="alert alert-danger" role="alert">Erreur !</div>');
                }
            },
            error : function(e){
            }
        });
    }
    
    function refuser(id){
        $.ajax({
            url : "{{ path('artisan_devis_en_attente') }}/"+ id +"/refuser",
            dataType : 'json',
            success : function(response){
                if (response.message === 'success') {
                    $('tr#row-' + id).remove();
                /* } else if (response.message === 'solde_insuffisant') {
                    $('#spr-alert').html('<div class="alert alert-danger" role="alert">Votre solde de crédits est insuffisant !</div>'); */
                } else if (response.message === 'error') {
                    $('#spr-alert').html('<div class="alert alert-danger" role="alert">Erreur !</div>');
                }
            },
            error : function(e){
            }
        });
    }
    </script>
{% endblock %}