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

{% block title %}ManiEduc | Exercice de
	{{ info.user.firstname }}

{% endblock %}

{% block content %}

	<div class="container mt-4">
		<div class="head-flex">
			<img class="mr-2" src="{{ asset('assets/images/iconsnav/exercise.png') }}" alt="icon exercice">
			<div class="desc-details">
				<h2>{{ info.nameexercice }}
					<a class="btn btn-sm btn-warning" href="{{ path('exercices_view') }}">Retour</a>
				</h2>
				<p>Objectif :
					{{ info.objectif }}</p>
				<p>Ajouté par :
					{{ info.user.firstname }}</p>
				{% if info.type == "Echauffement" %}
					<p class="badge badge-success">{{ info.type }}</p>
				{% elseif info.type == "Motricité générale" %}
					<p class="badge badge-warning">{{ info.type }}</p>
				{% elseif info.type == "Motricité spécifique" %}
					<p class="badge badge-primary">{{ info.type }}</p>
				{% elseif info.type == "Exercice technique" %}
					<p class="badge badge-info">{{ info.type }}</p>
				{% elseif info.type == "Situation tactique" %}
					<p class="badge badge-danger">{{ info.type }}</p>
				{% elseif info.type == "Jeu à thème" %}
					<p class="badge badge-dark">{{ info.type }}</p>
				{% endif %}

			</div>

		</div>
		<hr>

		<div class="row">
			<div class="col-md-6">

				<img src="{{ url }}exercices/exercice-{{ info.id }}.jpg" style="width: 100%; max-width: 100%" alt="image de l exercice"/>

			</div>
			<div class="col-md-6">
				<div class="row">
					<div class="col-md-12">
						<div class="badge badge-warning">
							Methode
							{{ info.methodespedagogiques }}
						</div>


						{% for category in info.category %}
							<div class="badge badge-primary">
								{{ category.name }}
							</div>
						{% endfor %}
						<hr>
					</div>
					<div class="col-md-12 mb-2">
						<h4 class="d-flex align-items-center"><img class="mr-1" src="{{ asset('assets/images/exercicesicons/file.png') }}" alt="Icon des consignes">Consignes</h4>
						<p class="mt-2">{{ info.consignes }}
							{% if info.consignes|length <= 0 %}L'utilisateur n'a pas rentré de consignes..
							{% endif %}
						</p>
					</div>
					<div class="col-md-6">
						<h4 class="d-flex align-items-center"><img class="mr-1" src="{{ asset('assets/images/exercicesicons/but.png') }}" alt="Icon des buts">But</h4>
						<p class="mt-2">{{ info.but }}
							{% if info.but|length <= 0 %}L'utilisateur n'a pas rentré de but..
							{% endif %}
						</p>
					</div>
					<div class="col-md-6">
						<h4 class="d-flex align-items-center"><img class="mr-1" src="{{ asset('assets/images/exercicesicons/route.png') }}" alt="Icon des variantes">Variantes</h4>
						<p class="mt-2">{{ info.variantes }}
						</p>
					</div>
					<div class="col-md-6 mt-2">
						<h4 class="d-flex align-items-center"><img class="mr-1" src="{{ asset('assets/images/exercicesicons/group.png') }}" alt="Icon des effectifs">Effectif</h4>
						<p class="mt-2">{{ info.effectif }}
							joueurs</p>
					</div>
					<div class="col-md-6 mt-2">
						<h4 class="d-flex align-items-center"><img class="mr-1" src="{{ asset('assets/images/exercicesicons/chronometer.png') }}" alt="Icon des durée">Durée</h4>
						<p class="mt-2">{{ info.time }}
							minutes</p>
					</div>
					<div class="col-md-6 mt-2">
						<h4 class="d-flex align-items-center">Critères de réussite</h4>
						<p class="mt-2">{{ info.criteresreussite }}
							{% if info.criteresreussite|length <= 0 %}L'utilisateur n'a pas rentré de critères de réussite..
							{% endif %}
						</p>
					</div>
					<div class="col-md-6 mt-2">
						<h4 class="d-flex align-items-center">Critères de realisation</h4>
						<p class="mt-2">{{ info.criteresrealisation }}
							{% if info.criteresrealisation|length <= 0 %}L'utilisateur n'a pas rentré de critères de réalisation..
							{% endif %}
						</p>
					</div>
				</div>


			</div>
		</div>


		<hr>

	</div>


{% endblock %}