{% 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 %}

            {% for flashMessage in app.session.flashbag.get('error') %}
                <div class="flash-message alert alert-error ">
                    {{ 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_fans') }}';">
                                <option>Mes fans ({{ fansCount }})</option>
                                <option selected="selected">Mes clients ({{ clients|length }})</option>
                            </select>
                            <p style="font:14px tahoma;color:#999;margin-top:7px;"> = personnes ayant déjà commandé chez moi</p>
                        </div>
                        <table cellpadding="0" cellspacing="0" border="0" class="dataTable">
                            <thead>
                            <tr role="row">
                                {% for key,item in list %}
                                    {% if app.request.get('orderBy') == key %}
                                        {% if app.request.get('sort') == 'DESC' %}
                                            <th class="sorting_asc">
                                                <div><a href="?orderBy={{ key }}&sort=ASC">{{ item }}</a></div>

                                                {% else %}
                                <th class="sorting_desc">
                                    <div><a href="?orderBy={{ key }}&sort=DESC">{{ item }}</a></div>
                                        {% endif %}
                                    {% else %}
                                        <th class="sorting">
                                        <div><a href="?orderBy={{ key }}&sort=ASC">{{ item }}</a></div>
                                    {% endif %}
                                    </th>
                                    </a>
                                {% endfor %}
                                <th>
                                    <div>Tél. fixe</div>
                                </th>
                                <th>
                                    <div>Tél. portable</div>
                                </th>
                                <th>
                                    <div>Actions</div>
                                </th>
                            </tr>
                            </thead>


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

                            {% for client in clients %}
                                <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>{{ client['cp'] }}</td>
                                    <td>{{ client['ville'] }}</td>
                                    <td>{{ client['tel'] }}</td>
                                    <td>{{ client['portable'] }}</td>

                                    <td><a href="#" onclick="return openMessagerie({{ client['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 %}