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

{% block title %}Liste des Abonnés{% 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 Abonnés actifs</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{#{{ path('admin.home') }}#}#">Accueil</a></li>
                        <li class="breadcrumb-item active">Liste des Abonnés actifs</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-4">
                            {{ form_start(searchform) }}
                            <div class="form-row">
                                <div class="col">
                                    {{ form_row(searchform.name) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchform.identification_code) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchform.gsm) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchform.iban) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchform.address) }}
                                </div>
                            </div>

                            {{ form_rest(searchform) }}
                            <div class="">
                                <button class="btn btn-primary">Rechercher</button>
                            </div>
                            {{ form_end(searchform) }}

                        </div>

                        <table id="companies" class="table table-striped">
                            <thead class="text-center">
                                <tr>
                                    <th>Actions</th>
                                    <th>Unique ID</th>
                                    <th>Nom</th>
                                    <th>SIREN / RNA</th>
                                    <th>N° GSM</th>
                                    <th>IBAN</th>
                                    <th>Adresse</th>
                                    {#<th>Clé publique</th>#}
                                </tr>
                            </thead>
                            <tbody class="text-center">
                            {% for company in companies %}
                                <tr>
                                    <!-- Actions -->
                                    <td class="d-flex">
                                        <a href="{{ path('backend.company.show', {id: company.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.company.delete', {id: company.id}) }}" style="display: inline-block" onsubmit="return confirm('Êtes vous sûr de vouloir supprimer cet abonné?')">
                                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ company.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>{{ company.uniqueId }}</td>
                                    <td>{{ company.name }}</td>
                                    <td>{{ company.identificationCode }}</td>
                                    <td>{{ company.gsm }}</td>
                                    <td>{{ company.iban }}</td>
                                    <td>{{ company.address | replace({'|':' '}) }}</td>
                                    <td></td>
                                </tr>
                            {% endfor %}

                            </tbody>
                            {#<tfoot>
                                <tr>
                                    <th>Actions</th>
                                    <th>Unique ID</th>
                                    <th>Nom</th>
                                    <th>SIREN / RNA</th>
                                    <th>N° GSM</th>
                                    <th>IBAN</th>
                                    <th>Adresse</th>
                                    <th>Clé publique</th>
                                </tr>
                            </tfoot>#}
                        </table>

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

        <div class="row justify-content-end">
            <div class="col-3">
                {{ knp_pagination_render(companies) }}
            </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() {
            $('#companies').DataTable({
                "bPaginate": false,
                "bFilter": false,
                "bInfo": false,
                'language': {
                    "emptyTable": "Aucun Résultat"
                }
            })
        });
    </script>
{% endblock %}