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

{% block title %}
	Socle | BO
{% endblock %}

{% block body %}
	<main class="content">
		<div class="container-fluid p-0">

			<h1 class="h3 mb-3">Socle</h1>

			<div class="row">
				<div class="col-md-4 col-xl-3 d-none d-md-block ">

					<div class="card">
						<div class="card-header">
							<h5 class="card-title mb-0">Liste</h5>
						</div>

						<div class="list-group list-group-flush" role="tablist">
							<a class="list-group-item list-group-item-action {{ class.domaine }}" href="{{path('socle_domaines')}}">
								Gestion des Domaines
							</a>
							<a class="list-group-item list-group-item-action {{ class.listes }}" href="{{path('socle_listes')}}">
								Gestion des Listes
							</a>
							<div class="card-header">
								<h5 class="card-title mb-0">Table des Pratiques</h5>
							</div>
							<a class="list-group-item list-group-item-action {{class.instruments}}" href="{{path('socle_instruments')}}">
								Les Instruments
							</a>
							<a class="list-group-item list-group-item-action {{class.danse}} " href="{{path('socle_danses')}}">
								Les Danses
							</a>
							<div class="card-header">
								<h5 class="card-title mb-0">Historique</h5>
							</div>
							<a class="list-group-item list-group-item-action {{class.logs}} " href="{{path('socle_logs')}}">
								Log des actions
							</a>
						</div>
					</div>
				</div>

				<div class="col-md-8 col-xl-9">
					<div class="tab-content">
						{% block section %}{% endblock %}
					</div>
				</div>

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