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

{% block title %}ManiEduc - Les services
{% endblock %}

{% block content %}
	<div class="container mt-4">
		<h1>Les services</h1>
		<p>Une idée? N'hésitez pas à en parler</p>
		<hr>
		<div class="row">
			<div class="card-deck">
				<div class="col-md-4 col-sm-6">
					<div class="card config-img">
						<img class="card-img-top" src="{{ asset('assets/images/seance-physique-football-u17.png') }}" alt="Image seance">
						<div class="card-body">
							<h5 class="card-title">Créer ma fiche séance</h5>
							<p class="card-text">Grâce à cette fonction, il est désormais possible d'informatiser ta séance rapidement puis de la conserver.</p>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('seance') }}">Concevoir ma séance</a>
							</p>
						</div>
					</div>
				</div>

				<div class="col-md-4 col-sm-6">
					<div class="card config-img">
						<img class="card-img-top" src="{{ asset('assets/images/materiels.jpg') }}" alt="Image materiels">
						<div class="card-body">
							<h5 class="card-title">Mon inventaire</h5>
							<p class="card-text">Désormais, il est possible de voir le matériel de votre(vos) équipe(s) ainsi que le matériel commun en temps réel !</p>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('inventory') }}">Voir mon inventaire</a>
							</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-sm-6">
					<div class="card config-img">
						<img class="card-img-top" src="{{ asset('assets/images/demande.jpg') }}" alt="Image demande">
						<div class="card-body">
							<h5 class="card-title">Vos demandes</h5>
							<p class="card-text">Vous pouvez dès maintenant faire des demandes (demander des chasubles, ballons...) et suivre l'avancée de votre demande.</p>
							<p class="card-text mt-2">
								<a class="btn-mani btn-block btn" href="{{ path('request') }}">Voir mes demandes</a>
							</p>
						</div>
					</div>
				</div>
			</div>

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