{% extends 'Backend/_layout.html.twig' %}

{% block page_title %}
    <h3 class="page-title">{{ 'received_messages' |trans({}, 'bo_receivedmessages') }}
        <small>{{ 'from_contact_form' |trans({}, 'bo_receivedmessages') }}</small>
    </h3>
{% endblock %}

{% block stylesheet %}
    <link href="{{ asset('backend/assets/global/plugins/datatables/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="portlet-body">
                <table id="table" class="table table-striped table-bordered table-hover table-checkable order-column">
                    <thead>
                        <tr>
                            <th style="width:80px;">Id</th>
                            <th>{{ 'email' |trans({}, 'bo_receivedmessages') }}</th>
                            <th>{{ 'object' |trans({}, 'bo_receivedmessages') }}</th>
                            <th>{{ 'sending_date' |trans({}, 'bo_receivedmessages') }}</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for entity in entities %}
                        <tr class="odd gradeX">
                            <td><a href="{{ path('admin_contact_index', { 'id': entity.id }) }}">{{ entity.id }}</a></td>
                            <td>{{ entity.email }}</td>
                            <td>{{ entity.subject }}</td>
                            <td>{#{ entity.createdAt | date('d/m/Y \\à H\\hi') }#}</td>
                            <td>
                                <a href="{{ path('admin_contact_show', { 'id': entity.id }) }}" class="label label-success">{{ 'show_lowercase' |trans({}, 'bo_receivedmessages') }}</a>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascript %}
    <script src="{{ asset('backend/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var table = $('#table').dataTable({
                "order": [[ 0, "desc" ]],
                "oLanguage": {
                  "sSearch": "{{ 'search' |trans({}, 'bo_receivedmessages') }}",
                  "sLengthMenu": "{{ 'show' |trans({}, 'bo_receivedmessages') }} _MENU_ {{ 'items' |trans({}, 'bo_receivedmessages') }}",
                  },
            });
        });
    </script>
{% endblock %}