{% extends 'base_backend.html.twig' %}
{% block nombreMessage %}{{ nbrMsg }}{% endblock %}
{% block body %}

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2> <strong>Messages</strong> </h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Home</a>
                </li>
                <li class="active">
                    <strong>Messages</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="tabs-container">

                <div class="tabs-left">
                    <ul class="nav nav-tabs">
                        <li><a class="nav-link active " data-toggle="tab" href="#tab-6"> This is tab</a></li>
                        <li><a class="nav-link" data-toggle="tab" href="#tab-7">This is second tab</a></li>
                    </ul>
                    <div class="tab-content ">
                        <div id="tab-6" class="tab-pane active ">
                            <div class="panel-body">
                                <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Nom</a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Titre</a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Email</a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Message</a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Date</a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">Action</a>
                                        </td>



                                    </tr>
                                    {% for m in messages %}
                                        <tr>


                                            <td class="project-people">
                                                <a href="{{ path('messageDetail',{'id':m.id}) }}">{{ m.nom }}</a>
                                            </td>
                                            <td class="project-people">
                                                <a href="{{ path('messageDetail',{'id':m.id}) }}">{{ m.titre }}</a>
                                            </td>
                                            <td class="project-people">
                                                <a href="{{ path('messageDetail',{'id':m.id}) }}">{{ m.email }}</a>
                                            </td>
                                            <td class="project-people">
                                                <a href="{{ path('messageDetail',{'id':m.id}) }}">{{ m.content }}</a>
                                            </td>
                                            <td class="project-people">
                                                <a href="{{ path('messageDetail',{'id':m.id}) }}">{{ m.date }}</a>
                                            </td>
                                            <td class="project-actions" >
                                                <a href="{{ path('messagedelete',{'id':m.id}) }}" class="btn btn-white btn-sm"><i class="fa fa-remove"></i> Supprimer </a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div id="tab-7" class="tab-pane">
                            <div class="panel-body">
                                <strong>Donec quam felis</strong>

                                <p>Thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects
                                    and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath </p>

                                <p>I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite
                                    sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet.</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
        $(function()
        {
            $('.filebtn').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("image")==-1){
                    $('#error').show();
                }
                else {
                    $('#error').hide();
                }
            });

            $('.filebtn2').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("pdf")==-1){
                    $('#error2').show();
                }
                else {
                    $('#error2').hide();
                }
            });
        });

    </script>
    {#<script>#}
    {#$(document).ready(function(){#}


    {#$('.summernote').summernote("code");#}

    {#});#}
    {#</script>#}
{% endblock %}