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

{% block title %}ManiEduc | Seance
{% endblock %}
{% block css %}<link rel="stylesheet" href="{{ asset('assets/css/seance.css') }}">
{% endblock %}
{% block content %}
	<div class="container mt-4">
		<h2><img class="mr-2 svg" src="{{ asset('assets/images/iconsnav/seancepanel.svg') }}" alt="icon seance panel">
			Panel des séances</h2>
		<hr>

		<div class="row">
			<div class="card-deck">
				<div class="col-md-4 col-sm-6">
					<div class="card">
						<img class="card-img-top" src="{{ asset('assets/images/seance.png') }}" alt="Image seance">
						<div class="card-body">
							<h5 class="card-title">Créer une séance</h5>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('seance_create') }}">Concevoir ma séance</a>
							</p>
						</div>
					</div>
				</div>

				<div class="col-md-4 col-sm-6">
					<div class="card">
						<img class="card-img-top" src="{{ asset('assets/images/exercice.png') }}" alt="Image exercices">
						<div class="card-body">
							<h5 class="card-title">Créer un exercice</h5>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('exercice_create') }}">Créer un exercice</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="card">
						<img class="card-img-top" src="{{ asset('assets/images/exerciceedit.png') }}" alt="Image exercices modifier">
						<div class="card-body">
							<h5 class="card-title">Les exercices</h5>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('exercices_view') }}">Voir les exercices</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<hr>
		<div class="row">
			<div class="col-6">
				<h2><img class="mr-2 svg" src="{{ asset('assets/images/iconsnav/vosseances.svg') }}" alt="icon seance panel">Vos séances</h2>
			</div>
			<div class="col-6 text-right">
				<a class="btn btn-primary mb-3 mr-1 prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
					<i class="fa fa-arrow-left"></i>
				</a>
				<a class="btn btn-primary mb-3 next" href="#carouselExampleIndicators2" role="button" data-slide="next">
					<i class="fa fa-arrow-right"></i>
				</a>
			</div>
		</div>
		<hr>

		{% if seances|length <= 0 %}
			<p>Vous n'avez pas de séance, pour en créer une cliquez
				<a href="{{ path('seance_create') }}">ici</a>
			</p>

		{% else %}
			<div class="row {% if seances|length > 3 %}responsive{% endif %}">
				{% for seance in seances %}
					<div class="col-md-4">
						<div class="card">
							<div class="dlt">
								<a class="text-white" href="{{ path('seance_delete', {"id": seance.id}) }}">X</a>
							</div>
							<div class="card-body">
								<h5 class="card-title">{{ seance.seancename }}</h5>
								<p class="card-text">Catégorie :
									{{ seance.category }}
								</p>
								<p class="card-text mb-2">Phase de jeu :
									{{ seance.phasedejeu }}
								</p>
								<a href="{{ path('seance_view', {"id": seance.id}) }}" class="btn btn-mani btn-sm">Voir</a>
								<a href="{{ path('seance_download', {"id" : seance.id}) }}" class="btn btn-mani btn-sm">PDF</a>

							</div>
						</div>
					</div>

				{% endfor %}
			</div>
		{% endif %}
		<hr>

	</div>


{% endblock %}