{% extends "backend/base.html.twig" %}

{% block title %}Liste des Tickets{% endblock %}

{% block breadcrumb %}
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Liste des Tickets</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{#{{ path('dashboard') }}#}#">Accueil</a></li>
                        <li class="breadcrumb-item active">Liste des Tickets</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
{% endblock %}

{% block content %}

    <section class="content">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title"></h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="card-body">

                        {% for message in app.flashes('success') %}
                            <div class="alert alert-success">
                                {{ message }}
                                {#<p>
                                    <a href="#">Voir les infos.</a>
                                </p>#}
                            </div>

                            <hr>
                        {% endfor %}

                        <div class="p-1">
                            {{ form_start(searchform) }}
                            <div class="form-row">
                                <div class="col-3">
                                    {{ form_row(searchform.type) }}
                                </div>
                                {{ form_rest(searchform) }}
                                <div class="col-2">
                                    <button class="btn btn-primary">Rechercher</button>
                                </div>
                            </div>

                            {{ form_end(searchform) }}

                        </div>

                        <table id="tickets" class="table table-striped">
                            <thead class="text-center">
                            <tr>
                                <th>Actions</th>
                                <th>ID Usager</th>
                                <th>Type</th>
                                <th>Créé le</th>
                                <th>Expire le</th>
                            </tr>
                            </thead>
                            <tbody class="text-center">
                            {% for ticket in tickets %}
                                <tr>
                                    <!-- Actions -->
                                    <td class="d-flex">
                                        <a href="{{ path('backend.ticket.show', {id: ticket.id}) }}" class="btn btn-secondary m-2" title="Voir"><i class="far fa-eye"></i></a>
                                        {#<a href="{{ path('backend.company.edit', {id: company.id}) }}" class="btn btn-secondary m-2" title="Editer"><i class="fas fa-pencil-alt"></i></a>#}
                                        {#<form method="POST" action="{{ path('backend.usager.delete', {id: usager.id}) }}" style="display: inline-block" onsubmit="return confirm('Êtes vous sûr de vouloir supprimer cet usager?')">
                                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ usager.id) }}">
                                            <input type="hidden" name="_method" value="DELETE">
                                            <button class="btn btn-danger m-2" title="Supprimer"><i class="far fa-trash-alt"></i></button>
                                        </form>#}
                                    </td>
                                    <td>
                                        {{ ticket.usager.id }}
                                    </td>
                                    <td>
                                        {% if ticket.type == 'nom' %}
                                            Nom
                                        {% elseif ticket.type == 'adresse' %}
                                            Adresse
                                        {% elseif ticket.type == 'telephone' %}
                                            Téléphone
                                        {% elseif ticket.type == 'email' %}
                                            E-mail
                                        {% elseif ticket.type == 'telephone_domicile' %}
                                            Téléphone domicile
                                        {% elseif ticket.type == 'societe' %}
                                            Société
                                        {% elseif ticket.type == 'date_naissance' %}
                                            Date de naissance
                                        {% elseif ticket.type == 'nationalite' %}
                                            Nationalité
                                        {% endif %}
                                    </td>
                                    <td>{{ ticket.createdAt | date('d/m/Y H:i:s') }}</td>
                                    <td>{% if (ticket.expirationDate | date('Y') == '3000') %}
                                            Permanente
                                        {% else %}
                                            {{ ticket.expirationDate | date('d/m/Y') }}
                                        {% endif %}</td>
                                </tr>
                            {% endfor %}

                            </tbody>
                            {#<tfoot>
                                <tr>
                                    <th>Actions</th>
                                    <th>ID</th>
                                    <th>Type</th>
                                    <th>Créé le</th>
                                    <th>Expire le</th>
                                </tr>
                            </tfoot>#}
                        </table>

                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->

        <div class="row justify-content-end">
            <div class="col">
                {{ knp_pagination_render(tickets) }}
            </div>
        </div>


    </section>
{% endblock %}

{% block javascripts %}
    <!-- Required datatable js -->
    <script src="{{ asset('back-assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('back-assets/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#tickets').DataTable({
                "bPaginate": false,
                "bFilter": false,
                "bInfo": false,
                'language': {
                    "emptyTable": "Aucun Résultat"
                }
            })
        });
    </script>
{% endblock %}