{% extends 'base.admin.html.twig' %}

{% block title %}Gestion - Cas référencés{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="/assets/css/dataTables.bootstrap.min.css">
{% endblock %}
{% block content %}
    <div class="animated fadeIn">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <strong class="card-title">Liste des cas référencés</strong>
                    </div>
                    <div class="card-body">
                        {% if casReferences is empty %}
                            <div class="alert alert-warning" role="alert">
                                Vous n'avez pas encore de cas référencés dans votre pays
                            </div>
                        {% else %}
                            <table id="bootstrap-data-table" class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th><i class='fa fa-eye'></i> Anonyme</th>
                                    <th><i class='fa fa-user'></i> Nom</th>
                                    <th><i class='fa fa-user'></i> Prénom</th>
                                    <th><i class='fa fa-flag'></i> Pays</th>
                                    <th><i class='fa fa-globe'></i> Région</th>
                                    <th><i class='fa fa-phone'></i> Téléphone</th>
                                    <th><i class='fa fa-list'></i> Type de Violence</th>
                                    <th><i class="fa fa-ellipsis-v"></i> Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for cas in casReferences %}
                                    <tr>
                                        <td>{% if(cas.getVictime.getAnonyme == 0) %}
                                                {{ "NON" }}
                                            {% else %}
                                                {{ "OUI" }}
                                            {% endif %}</td>
                                        <td>{{ cas.getVictime.getNom }}</td>
                                        <td>{{ cas.getVictime.getPrenom }}</td>
                                        <td>{{ cas.getRegion.getPays.getNom }}</td>
                                        <td>{{ cas.getRegion.getNom }}</td>
                                        <td>{{ cas.getVictime.getTelephone }}</td>
                                        <td>{{ cas.getTypeViolence.getType }}</td>
                                        <td><a href="{{ path('details-cas', {'id':cas.id}) }}" class="btn btn-info">Voir  <i
                                                        class="fa fa-eye"></i></a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script src="/assets/js/data-table/datatables.min.js"></script>
    <script src="/assets/js/data-table/dataTables.bootstrap.min.js"></script>
    <script src="/assets/js/data-table/dataTables.buttons.min.js"></script>
    <script src="/assets/js/data-table/datatables-init.js"></script>
    {# <script type="text/javascript">
         $(document).ready(function () {
             $('#bootstrap-data-table-export').DataTable();
         });
     </script>#}
{% endblock %}