{% extends "layout_admin.html.twig" %}

{% block content %}
    {% include 'flashes.html.twig' %}
    <div id="data-modal">
        <a href="#" id="data-modal-close">Fermer</a>
        <div id="data-modal-content"></div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="panel-title">
                <div class="row">
                    <div class="col-xs-8">
                        <a class="btn btn-sm btn-default" data-toggle="collapse" href="#panel_filter_collapse"><span class="fa fa-fw fa-lg fa-search"></span></a>
                    </div> 
                </div>
            </div>
        </div>
        <!-- Formulaire de recherche -->
         <div id="panel_filter_collapse" class="panel-with-table panel-collapse collapse {% if has_filter %}in{% endif %}">
            <div class="panel-body">  
                <!-- filtre -->
                <form action="{{ path(app.request.attributes.get('_route'), { 'page': 1 }) }}" method="post">
                    <div class="row">
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.pointDeVente) }}</div>
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.presentoir) }}</div>
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.casier) }}</div>
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.user) }}</div>
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.commande) }}</div>
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">{{ form_row(form_filter.quoi) }}</div>
                        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                            <label>&nbsp;</label><br>
                            <a class="btn btn-default" href="{{ path(app.request.attributes.get('_route'), { 'reset': true, 'page': 1 }) }}"><span class="fa fa-fw fa-remove"></span></a>
                            <button class="btn btn-primary" type="submit"><span class="fa fa-fw fa-search"></span> {% trans %}form.btn.search {% endtrans %}</button>
                        </div>
                    </div>
                </form> 
            </div>
        </div>
        <!-- Affichage des données -->
        <table class="table table-bordered table-hover table-condensed">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Crée le</th>
                    <th>ID Utilisateur</th>
                    <th>ID Point de vente</th>
                    <th>ID Présentoir</th> 
                    <th>ID Casier</th> 
                    <th>ID Commande</th> 
                    <th>Action</th> 
                </tr>
            </thead>
            <tbody>
            {% for log in logs %}
                <tr>
                    <th> {{ log.id }} </th>
                    <th> {{ log.created_at | date('d/m/Y à H:i:s') }} </th>
                    <th> 
                        {% if log.user is not null %}
                            <a rel="noopener" target="_blank" href={{path('wbxuser_user_show', {id:log.user})}}>{{ log.user }}</a>
                        {% endif %}  
                    </th>
                    <th> 
                        {% if log.pointDeVente is not null %}
                            <a rel="noopener" target="_blank" href={{path('admin_point_de_vente_show', {id:log.pointDeVente})}}>{{ log.pointDeVente }}</a>
                        {% endif %}
                    </th>
                    <th> 
                        {% if log.presentoir is not null %}
                            <a rel="noopener" target="_blank" href={{path('admin_presentoir_show', {id:log.presentoir})}}>{{ log.presentoir }}</a>
                        {% endif %}   
                    </th>
                    <th>
                        {% if log.casier is not null %}
                            <a rel="noopener" target="_blank" href={{path('admin_casier_show', {entity:log.casier})}}>{{ log.casier }}</a>
                        {% endif %}    
                    </th>
                    <th>
                        {% if log.commande is not null %}
                            <a rel="noopener" target="_blank" href={{path('admin_commande_show', {id:log.commande})}}>{{ log.commande }}</a>
                        {% endif %}    
                    </th>
                    <th> {{ log.quoi }} </th>
                    <th>
                        <a data-id={{log.id}} href="#data-modal" class="log_data_button">Voir</a> 
                    </th>
                </tr> 
            {% endfor %}  
            </tbody>
        </table> 
    </div>  
      
    {% if pages > 0 %}   
        <ul id="paginator"> 
            {% if page != 1 %}  
                <li class="active borne unselect"> 
                    <a href="{{ path('history_log_index', {page: 1}) }}"><i class="fa fa-fast-backward" aria-hidden="true"></i></a>
                </li> 
            {% endif %}  
            {% if pages > 1 and page != 1 %} 
                <li class="active unselect"> 
                    <a href="{{ path('history_log_index', {page: page-1}) }}">{{page-1}}</a>
                </li>  
            {% endif %}  
            <li class="active select"> 
                <a href="{{ path('history_log_index', {page: page}) }}">{{page}}</a>
            </li>   
            {% if page < pages and page != pages %} 
                <li class="active unselect"> 
                    <a href="{{ path('history_log_index', {page: page+1}) }}">{{page+1}}</a>
                </li>  
            {% endif %}   
            {% if page != pages %}  
                <li class="active borne unselect"> 
                    <a href="{{ path('history_log_index', {page: pages}) }}"><i class="fa fa-fast-forward" aria-hidden="true"></i></a>
                </li> 
            {% endif %}   
        </ul>
    {% endif %} 
{% endblock content %}

{% block stylesheets %}
	{{ parent() }}
	{{encore_entry_link_tags('history_log_index_css')}}
{% endblock %}

{% block my_js %}
    {{ parent() }}
    {{ encore_entry_script_tags('history_index') }}
{% endblock %}