{# templates/superadmin/artisans/sa_artisans_list.html.twig #}
{% extends 'superadmin/superadmin.html.twig' %}

{% block title %}Artisans - {{ parent() }}{% endblock %}

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

    {{ include('superadmin/layout/sa_actions.html.twig') }}
    
    {{ include('superadmin/layout/sa_debug.html.twig') }}

    {{ include('superadmin/layout/sa_alert.html.twig') }}
    
    <table style="margin:1%;padding:0;width:98%;text-align:center;" class="table-striped table-condensed">	
      <tbody>
        <tr style="background-color:#eeeeee;border:0px solid #eeeeee;">
            <td style="text-align:left;padding-left:0px;color:#303030;width:33%;border-right:2px solid #ffffff;">
                <div class="form-group fg-m-bottom">
                    <label for="" class="col-sm-5 control-label right">Filtrer</label>
                    <div class="col-sm-6">
                        <select onchange="window.location.href='{{ path('superadmin_artisans_list') }}{{ getLinkFilter('filtre') }}' + $(this).val();" class="form-control" style="margin-top:1px;">
                            <option value="all">Tous</option>
                            <option value="connectes"{% if filtre is defined and filtre is not empty and filtre == 'connectes' %} selected{% endif %}>Connectés</option>
                            <option value="artisans"{% if filtre is defined and filtre is not empty and filtre == 'artisans' %} selected{% endif %}>Artisans</option>
                            <option value="prospections"{% if filtre is defined and filtre is not empty and filtre == 'prospections' %} selected{% endif %}>Prospections</option>
                            <option value="emails-valides"{% if filtre is defined and filtre is not empty and filtre == 'emails-valides' %} selected{% endif %}>Emails valides</option>
                            <option value="desinscription"{% if filtre is defined and filtre is not empty and filtre == 'desinscription' %} selected{% endif %}>Désinscription</option>
                        </select>
                    </div>
                    <div class="col-sm-1"></div>
                </div>
            </td>
            <td style="text-align:left;padding-left:0px;color:#303030;width:34%;border-right:2px solid #ffffff;">
               <div class="form-group fg-m-bottom">
                    <label for="" class="col-sm-5 control-label right">Département</label>
                    <div class="col-sm-6">
                        <select onchange="window.location.href='{{ path('superadmin_artisans_list') }}{{ getLinkFilter('departement') }}' + $(this).val();" class="form-control" style="margin-top:1px;">
                            <option value="all">Tous</option>
                            {% for row in list_departements %}
                            <option value="{{ row.codeDepartement }}"{% if departement is defined and departement is not empty and departement == row.codeDepartement %} selected{% endif %}>{{ row.codeDepartement }} - {{ row.departement }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-sm-1"></div>
               </div>
            </td>
            <td style="text-align:left;padding-left:0px;color:#303030;width:33%;">
               <div class="form-group fg-m-bottom">
                    <label for="" class="col-sm-5 control-label right">Service</label>
                    <div class="col-sm-6">
                        <select onchange="window.location.href='{{ path('superadmin_artisans_list') }}{{ getLinkFilter('service') }}' + $(this).val();" class="form-control" style="margin-top:1px;">
                            <option value="all">Tous</option>
                            <optgroup label="Nettoyage">
                            {% for key,val in nos_services %}
                            <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                            {% endfor %}
                            </optgroup>
                            <optgroup label="Dépannage">
                            {% for key,val in nos_depannages %}
                            <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                            {% endfor %}
                            </optgroup>
                            <optgroup label="Nuisible">
                            {% for key,val in nos_traitements %}
                            <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                            {% endfor %}
                            </optgroup>
                        </select>
                    </div>
                    <div class="col-sm-1"></div>
               </div>
            </td>
        <tr>
      </tbody>
    </table>
    
    {{ include('superadmin/layout/sa_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);">ID</a></th>
            <th class="width-20"><a href="javascript:void(0);">Société</a></th>
            <th><a href="javascript:void(0);">Adresse</a></th>
            <th class="width-25"><a href="javascript:void(0);">Email / Tél.</a></th>
            <!--th class="width-12"><a href="javascript:void(0);">Tél.</a></th-->
            <th class="width-8"><a href="{{ path('superadmin_artisans_list') }}{{ getLinkOrder('creationDate') }}">Date<br>d'ajout {{ getDirection('creationDate')|raw }}</a></th>
            <th class="width-8"><a href="{{ path('superadmin_artisans_list') }}{{ getLinkOrder('derniereConnexion') }}">Dernière<br>connexion {{ getDirection('derniereConnexion')|raw }}</a></th>
            <th class="width-6"><a href="{{ path('superadmin_artisans_list') }}{{ getLinkOrder('nbr_prospections') }}">Nbr<br>prospections {{ getDirection('nbr_prospections')|raw }}</a></th>
            <th class="width-6"><a href="{{ path('superadmin_artisans_list') }}{{ getLinkOrder('nbr_prosp_ouvert') }}">Prospections<br>vues</a></th>
            <th class="width-6"><a href="{{ path('superadmin_artisans_list') }}{{ getLinkOrder('nbr_reponses') }}">Nbr<br>réponses {{ getDirection('nbr_reponses')|raw }}</a></th>
            <th class="width-6"><a href="javascript:void(0);">Actions</a></th>
        </tr>
      </thead>
      <tbody>
        {% for k,row in listing %}
        <tr id="row-{{ row.id }}" class="bgc-{% if k is odd %}ddd{% else %}eee{% endif %}">
            <td class="center">
                <b>{{ row.id }}</b><br>
                {% if row.derniereConnexion|date('YmdHis') != current_datetime and row.derniereConnexion|date('YmdHi') >= deux_minutes %}
                    <i class="fa fa-circle fawesome" aria-hidden="true" style="font-size:16px;color:#5cb85c;"></i>
                {% else %}
                    <i class="fa fa-circle fawesome" aria-hidden="true" style="font-size:16px;color:gray;"></i>
                {% endif %}
            </td>
            <td class="left"><b style="font-size:1.1em;">{{ row.societe }}</b>{% if row.gerant|length > 0 %}<br><b>Gérant :</b> {{ row.gerant }}{% endif %}</td>
            <td class="left">
                <b>Adresse :</b> {{ row.adresse }}<br>
                <b>Code postal : {{ row.cp }}</b><br>
                <b>Ville :</b> {{ row.ville }}
            </td>
            <td class="left">
                <i class="fa fa-envelope fawesome" aria-hidden="true" style="font-size:14px;"></i> <span style="color:{% if row.email|length > 0 and row.validated == 1 %}green{% else %}red{% endif %};">{{ row.email }}</span>
                {% if row.tel|length > 0 %}{% if row.email|length > 0 %}<br>{% endif %}<i class="fa fa-phone fawesome" aria-hidden="true" style="font-size:16px;padding-right:2px;"></i> {{ row.tel }}{% endif %}
                {% if row.mobile|length > 0 %}{% if (row.email|length > 0) or (row.tel|length > 0) %}<br>{% endif %}<i class="fa fa-mobile fawesome" aria-hidden="true" style="font-size:20px;padding-right:6px;"></i> {{ row.mobile }}{% endif %}
                {% if row.mobileBis|length > 0 %}<br><i class="fa fa-mobile fawesome" aria-hidden="true" style="font-size:20px;padding-right:6px;"></i> {{ row.mobileBis }}{% endif %}
            </td>
            <!--td class="left">
                {% if row.tel|length > 0 %}<b>Tél. :</b> {{ row.tel }}{% endif %}
                {% if row.mobile|length > 0 %}{% if row.tel|length > 0 %}<br>{% endif %}<b>Mobile :</b> {{ row.mobile }}{% endif %}
                {% if row.mobileBis|length > 0 %}<br><b>Mobile 2 :</b> {{ row.mobileBis }}{% endif %}
            </td-->
            <td class="center">{{ row.creationDate|date('d-m-Y H:i') }}</td>
            <td class="center">
                {% if row.derniereConnexion is not null %}
                    {{ row.derniereConnexion|date('d-m-Y H:i') }}
                {% endif %}
            </td>
            <td class="center"><b>{{ row.nbr_prospections }}</b></td>
            <td class="center"><b>{{ row.nbr_prosp_ouvert }}</b></td>
            <td class="center">
                {% if row.nbr_reponses > 0 %}
                <a href="javascript:void(0);" onclick="listReponses({{ row.id }});" data-toggle="modal" data-target="#artisans_modal" style="font-weight:bold;">{{ row.nbr_reponses }}</a>
                {% else %}
                <span style="font-weight:bold;">{{ row.nbr_reponses }}</span>
                {% endif %}
            </td>
            <td class="center" id="activated_{{ row.id }}">
              {% if row.idVille > 0 and '-- Désinscription' not in row.email %}
                {% if row.activated == 1 %}
                <a href="javascript:void(0);" onclick="activer({{ row.id }});" class="btn btn-success bouton" title="Désactiver">
                    <i class="fa fa-unlock fawesome" aria-hidden="true" style="font-size:16px;"></i>
                </a>
                {% else %}
                <a href="javascript:void(0);" onclick="activer({{ row.id }});" class="btn btn-danger bouton" title="Activer">
                    <i class="fa fa-lock fawesome" aria-hidden="true" style="font-size:16px;"></i>
                </a>
                {% endif %}
              {% endif %}
            </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ include('superadmin/layout/sa_pagination.html.twig') }}
    {% endif %}
    <div class="modal fade" id="artisans_modal"></div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });
    // ]]>
    
    function listReponses(id){
        $.ajax({
            url : "{{ path('superadmin_artisans_list') }}/"+ id +"/list-reponses",
            type : 'POST',
            data : {id:id},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#artisans_modal').html(response.html);
                    } else {
                        $('#artisans_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }
    
    function activer(id){
        $.ajax({
            url : "{{ path('superadmin_artisans_list') }}/" + id + "/activer",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message === 'active') {
                        $('td#activated_' + id).html('<a href="javascript:void(0);" onclick="activer(' + id + ');" class="btn btn-success bouton" title="Désactiver"><i class="fa fa-unlock fawesome" aria-hidden="true" style="font-size:16px;"></i></a>');
                    } else if (response.message === 'inactive') {
                        $('td#activated_' + id).html('<a href="javascript:void(0);" onclick="activer(' + id + ');" class="btn btn-danger bouton" title="Activer"><i class="fa fa-lock fawesome" aria-hidden="true" style="font-size:16px;"></i></a>');
                    }
                }
            },
            error : function(e){
            }
        });
    }
    </script>
{% endblock %}