{% extends 'Backoffice/base.html.twig' %}

{% block activeLiOrgane %}class="active"{% endblock %}
{% block activeOrgane %}class="active"{% endblock %}
{% block body %}

    <section class="vbox">
        <section class="scrollable padder">
            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
                <li><a href=""><i class="fa fa-home"></i> Tableau de board</a></li>
                <li class="active">Organe administratif</li>
            </ul>
            <div class="m-b-md">
                <h3 class="m-b-none">Organe administratif</h3>
            </div>

            <section class="panel panel-default">
                <header class="panel-heading">
                    Liste 
                    <i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i>
                </header>
                <div class="table-responsive">
                    <table class="table table-striped m-b-none" data-ride="datatables" id="listUser">
                        <thead>
                        <tr>
                            <th width="40%">Organe</th>
                            <th width="40%;" style='direction:rtl'>اللجنة</th>
                            <th width="20%"></th>
                              
                        </tr>
                        </thead>
                        <tbody>
                            {% for m in membre %}
                            <tr>
                                <td>{{ m.posteNom }}</td>
                                <td style='direction:rtl'>{{ m.posteNomAr }}</td>
                                <td>
                                    <a href="/updateMembreOrgane/{{m.id}}" class="btn btn-sm btn-info">Modifier</a>
                                </td>
                            </tr>
                            {% endfor %}
                            {#<tr>#}
                            {#    <td>Directeur</td>#}
                            {#    <td>#}
                            {#        <a href="/updateMembreOrgane/?id=6" class="btn btn-sm btn-info">Modifier</a>#}
                            {#    </td>#}
                            {#</tr>#}
                            {#<tr>#}
                            {#    <td>Service des Affaires administratives, Financières et Juridiques</td>#}
                            {#    <td>#}
                            {#        <a href="/updateMembreOrgane/?id=7" class="btn btn-sm btn-info">Modifier</a>#}
                            {#    </td>#}
                            {#</tr>#}
                            {#<tr>#}
                            {#    <td>Service des Informations, de la Formation et de la Communication</td>#}
                            {#    <td>#}
                            {#        <a href="/updateMembreOrgane/?id=8" class="btn btn-sm btn-info">Modifier</a>#}
                            {#    </td>#}
                            {#</tr>#}
                            {#<tr>#}
                            {#    <td>Service de la Coopération, de la Communication et Coordination entre les Professionnels et les Chambres</td>#}
                            {#    <td>#}
                            {#        <a href="/updateMembreOrgane/?id=9" class="btn btn-sm btn-info">Modifier</a>#}
                            {#    </td>#}
                            </tr>
                        </tbody>
                    </table>
                </div>
                <br/><br/>
            </section>
        </section>
    </section>

{% endblock %}