{% extends "YOUCommercantBundle::layout.html.twig" %}

{% block container %}

    <div class="mes-clients">


        {% import 'YOUCommercantBundle::macros.html.twig' as macros %}
        <br/>

        {{ macros.ariane({
        'Tableau de bord':{'url':path('you_commercant_secured_homepage')},
        'Mes clients':{}
        }) }}


        <div class="container-fluid padded">

            <div id="appendMessageHere"></div>
            {% for flashMessage in app.session.flashbag.get('message') %}
                <div class="flash-message alert alert-success ">
                    {{ flashMessage }}
                </div>
            {% endfor %}


            <a href="{{ path('you_commercant_news') }}" class="btn btn-blue"><i class="icon-envelope"></i> Envoyer une newsletter</a>
            <br/><br/>
            <div class="box" id="boxContentTable">
                <div class="box-content clearfix" style="width:100%;">
                    <div id="dataTables" class="">
                        <div class="table-header">
                            <br/><select style="float:left;margin-right:35px;" onchange="document.location.href='{{ path('you_commercant_clients') }}';">
                                <option selected="selected">Mes fans ({{ fans|length }})</option>
                                <option>Mes clients ({{ clientsCount }})</option>
                            </select>
                            <p style="font:14px tahoma;color:#999;margin-top:7px;"> = personnes ayant ajouté ma boutique en favori</p>
                        </div>
                        <table cellpadding="0" cellspacing="0" border="0" class="dataTable">
                            <thead>
                            <tr role="row">
                                <th>
                                    <div>Civilité</div>
                                </th>
                                <th>
                                    <div>Nom</div>
                                </th>
                                <th>
                                    <div>Prénom</div>
                                </th>
                                <th>
                                    <div>Actions</div>
                                </th>
                            </tr>
                            </thead>


                            <tbody role="alert" aria-live="polite" aria-relevant="all">

                            {% for client in fans %}
                                <tr>
                                    <td>
                                        {% if client.civilite == 0 %}M.{% endif %}
                                        {% if client.civilite == 1 %}Mlle{% endif %}
                                        {% if client.civilite == 2 %}Mme{% endif %}
                                    </td>
                                    <td>{{ client.nom }}</td>
                                    <td>{{ client.prenom }}</td>

                                    <td><a href="#" onclick="return openMessagerie({{ client.user.id }});" class="btn btn-default"><i class="icon icon-envelope-alt"></i> contacter</a></td>
                                </tr>
                            {% endfor %}

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>



    </div>


{% endblock %}