{% extends 'layout-admin.html.twig' %}

{% block extendsstylesheet %}
	{{ parent() }}
	<link
	rel="stylesheet" href="{{ assets('vendor/datatables.net-bs/css/dataTables.bootstrap.min.css') }}"/>
	<!--<link rel="stylesheet" href="{{ assets('vendor/datatables/media/css/responsive.dataTables.min.css') }}"/>-->

	<link rel="stylesheet" href="{{ assets('vendor/bootstrap-fileinput/css/fileinput.min.css') }}"/>
{% endblock %}

{% block content %}
	<div class="content">

		<h1>Liste des comptes Administrateurs</h1>		
		<button id="add_user" class="btn btn-primary">Ajouter un compte</button>

		<div class="hpanel">
			<div class="panel-heading">
				
			</div>
			<div class="panel-body">
				<div class="row user-list">
					<div class="col-sm-12">
						<table id="userList" class="table table-striped table-hover" width="100%">
							<thead>
								<tr class="dtEntete">
									<th>Genre</th>
									<th>Prénom</th>
									<th>Nom</th>
									<th>Email</th>
									<th>Créé le</th>
									<th>Etat</th>
									<th>Sup.</th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

	</div>
{% endblock %}

{% block extendsjavascript %}
	{{ parent() }}

	<!-- Layout-Amin : extendsjavascript -->
	<script src="{{ assets('vendor/bootstrap-fileinput/js/fileinput.min.js') }}"></script>
	<script src="{{ assets('vendor/bootstrap-fileinput/js/fileinput_locale_fr.js') }}"></script>
	<script src="{{ assets('vendor/select2-3.5.2/select2.min.js') }}"></script>

	<!-- BaseLayout : DataTables -->
	<script src="{{ assets('vendor/datatables/media/js/jquery.dataTables.min.js') }}"></script>
	<script src="{{ assets('vendor/datatables/media/js/dataTables.responsive.min.js') }}"></script>
	<script src="{{ assets('vendor/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>

	<script src="{{ assets('vendor/datatables/media/lang/french.js') }}"></script>

	<!-- PageLayout : extendsjavascript -->
	<script src="{{ assets('js/admin/user/UserList.js') }}"></script>
	<script src="{{ assets('js/admin/user/UserModal.js') }}"></script>
	<script>
	_UserList.loggedUserCrypt = "{{loggedUser.Crypt}}";
		_UserList.initUserDtList('userList', {
'modal': 1,
'filter': 1,
'entete': 1,
'search': 1,
'pagination': 1,
'orderable': true,
"admin": true,
'pageLength': 25,
'stateSave': 1
});
	</script>
{% endblock %}