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

{% block title %}ManiEduc - Accueil
{% endblock %}

{% block content %}

	<!--====== SLIDER PART ENDS ======-->

	<!--====== FEATRES TWO PART START ======-->


		<section id="services" class="features-area"> <div class="container">
			<div class="row">
				<div class="col-6">
					<h2 class="mb-3">
						A la une</h2>
					<hr>
				</div>
				<div class="col-6 text-right">
					<a class="btn btn-dark mb-3 mr-1 prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
						<i class="fa fa-arrow-left"></i>
					</a>
					<a class="btn btn-dark mb-3 next" href="#carouselExampleIndicators2" role="button" data-slide="next">
						<i class="fa fa-arrow-right"></i>
					</a>
				</div>
				<div class="col-12">
					<div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">

						<div class="carousel-inner">
							<div class="carousel-item active">
								<div class="row {% if articles|length > 3 %}responsive{% endif %}">
									{% for article in articles %}
										<div class="col-md-4 mb-3">
											<div class="card config-img">
												<img class="img-fluid" alt="100%x280" src="{{asset('uploads/')}}{{ article.image }}">
												<div class="card-body">
													<h4 class="card-title">{{ article.titre }}</h4>
													<p class="card-text">{{ article.description }}</p>
													<p class="card-text mt-2">
														<a class="btn-mani btn" href="{{ path('article', {"id" : article.id}) }}">Lire</a>
														{% if is_granted('ROLE_ADMIN') %}
															<a class="btn-mani btn" href="{{ path('article_edit', {"id" : article.id}) }}">Editer</a>
															<a class="btn-mani btn" href="{{ path('article_delete', {"id" : article.id}) }}">Supprimer</a>
														{% endif %}
													</p>
												</div>

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


								</div>
							</div>


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


		</div>
		<!-- container -->
	</section>
	<div class="container">
		<h2>
			L'équipe</h2>

		<hr>

		<div class="row">


			{% for user in users %}
				<div class="col-md-4 mb-3">
					<div class="card teamcard">
						<img class="img-fluid picture-height" alt="100%x280" src="{{asset('photo/')}}{{ user.photo }}">
						<div class="card-body">
							<h4 class="card-title">{{ user.firstname }}</h4>
							<p class="card-text">{{ user.fonctions }}</p>
						</div>
					</div>
				</div>
			{% endfor %}
		</div>
	</div>
{% endblock %}