{% include 'header.html.twig' %}

{% block body %}

		<div class="row bg-light pr-3">

			 <div id="sidebar" class="sidebar collapsed ml-1" >
        <!-- Nav tabs -->
				<div class="sidebar-tabs">
					<ul role="tablist">
						<li><a href="#concession" style="color:#00a1c2" class="pr-1 pt-2" role="tab"><i class="fas fa-lg fa-database"></i></a></li>
					</ul>
				</div>

				<!-- Tab panes -->
				<div class="sidebar-content" >
					<div class="sidebar-pane pl-1" id="concession" style="color:white!important">
					<h1 class="sidebar-header">
                    	Carte des groupes autos <button type="button" data-toogle="tooltip" data-placement="top" title="recharger" class="btn btn-sm btn-info" id="reload"><i class="fas fa-sync-alt"></i></button>
						<a href="{{path('app_logout')}}" title="déconnexion" class="btn btn-sm btn-danger"><i class="fas fa-sign-out-alt"></i></a>
						<a href="{{path('create_groupe')}}" title="ajouter un groupe" class="btn btn-sm btn-success"><i class="fas fa-plus"></i></a>
						<span class=" pt-2 sidebar-close"><i class="fa fa-lg fa-caret-left"></i></span>
					</h1>
					<table class="w-100 table-dark table table-striped table-hover p-0" id="dataTab">
						<thead>
							<tr>
								<th class="scope">#</th>
								<th>Nom groupe</th>
								<th>Nom holding</th>
								<th>Adresse </th>
								<th>Marques</th>
                            
                                <th>actions</th>
							</tr>
						</thead>
						<tbody>
						
						</tbody>
					</table>
					</div>

				
				</div>
			</div>

			<div id="map" class="vh-100" style="width:100%"></div>
	{% endblock %}
	{% include 'footer.html.twig' %}