{% extends "@app_view_base/base.html.twig" %}

{% form_theme form _self %}


{% block form_row %}
	
	<div class="form-group col-md-12 text_widget">
	    <label class="col-md-3 col-xs-12 control-label">
	    	{{ form_label(form) }} 
	    	{% if required %}
				<span class="required" style="color:red;font-weight:bold;" title="Champ obligatoire">&star;</span>
			{% endif %}
	    </label>
	    <div class="col-md-9 col-xs-12">                                            
	        {{ form_widget(form, {'attr':{'class':'form-control', 'AUTOCOMPLETE':'OFF'} } ) }}
	        <span class="help-block"> {{ form_errors(form) }} </span>
	    </div>
	</div>
{% endblock form_row %}



{% block activity_title %} Gestion des compte utilisateurs {% endblock %}

{% block body %}
	{% block fos_user_content %}
    	<div class="row">
    		<div class="col-md-12" style="padding-top:15px;margin-bottom: 25px;">
    			{% include "@FOSUser/Registration/register_content.html.twig" %}		
    		</div>		
    	</div>
	{% endblock fos_user_content %}



	<div class="panel panel-default" id="custom-panel" style="">
        <div class="panel-heading">  
            <div class="col-md-6">
                <h3 class="panel-title"> <b> Gestion des utilisateurs * </b></h3>                
            </div>                              

            <div class="col-md-6">
                <form class="form-horizontal" method="post">
                    <div class="input-group" id="dp-2">
                        <input id="accout-filter" type="text" class="form-control" placeholder="rechercher un utilisateur ou une invitation" />
                        <span class="input-group-addon add-on"><span class="fa fa-search"></span></span>
                    </div>
                </form>
            </div>
                       
        </div>
        <div class="panel-body">

            <div class="panel panel-default tabs">
                <ul class="nav nav-tabs nav-justified">
                    <li class="active"><a href="#tab8" data-toggle="tab"> Administrateurs  </a></li>
                    <li><a href="#tab9" data-toggle="tab"> Animateurs </a></li>
                    <li><a href="#tab10" data-toggle="tab"> Mod&eacute;rateurs  </a></li>
                    <li><a href="#tab112" data-toggle="tab"> Invitations </a></li>
                </ul>
                <div class="panel-body tab-content">
                    <div class="tab-pane active" id="tab8">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th> Nom </th>
                                    <th> Pr&eacute;noms  </th>
                                    <th> E&dash;mail</th>
                                    <th> Intitulé </th>
                                    <th> Dernière connection </th>
                                    <th> Status </th>
                                    <th> Action </th>
                                </tr>
                            </thead>
                            <tbody>
                               
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="tab9">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th> Nom </th>
                                    <th> Pr&eacute;noms  </th>
                                    <th> E&dash;mail</th>
                                    <th> Intitulé </th>
                                    <th> Dernière connection </th>
                                    <th> Status </th>
                                    <th> Action </th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="tab10">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th> Nom </th>
                                    <th> Pr&eacute;noms  </th>
                                    <th> E&dash;mail</th>
                                    <th> Intitulé </th>
                                    <th> Dernière connection </th>
                                    <th> Status </th>
                                    <th> Action </th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="tab112">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th> Nom </th>
                                    <th> Pr&eacute;noms  </th>
                                    <th> E&dash;mail</th>
                                    <th> Compte </th>
                                    <th> Intitulé </th>
                                    <th> Status </th>
                                    <th> Action </th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>                        
                </div>
            </div>

        	
        </div>
    </div>	
{% endblock %}