{% extends "::admin.html.twig" %}
{% block title %} Contact List {% endblock %}
{% block entete %} Contact List {% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                {{ include('default/flashBag.html.twig') }}

                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="10%">Date</th>
                        <th width="20%">Nom & prénom</th>
                        <th width="10%">Email</th>
                        <th width="10%">Spécialité</th>
                        <th width="20%">Adresse</th>
                        <th width="40%">Message</th>
                        <th width="5%">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for contact in contacts %}
                        <tr>
                            <td>{{ contact.date | date('d/m/Y') }}</td>
                            <td>{{ contact.firstName  ~  contact.lastName }}</td>
                            <td>{{ contact.email }}</td>
                            <td>{{ contact.speciality }}</td>
                            <td>{{ contact.address }}</td>
                            <td>{{ contact.message }}</td>
                            <td>
                                <a class="btn btn-success btn-xs" title="send" href="mailto:{{ contact.email  }}"> <span class="fa fa-send-o" style="color:white"></span></a>
                                <a href="{{ path('admin_contact_delete',{'id':contact.id}) }}" class="btn btn-danger btn-xs user-remove" title="supprimer" data-toggle="confirmation" class="delete-row">
                                <span class="fa fa-trash-o"  style="color:white"></span></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}