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

{% block title %} {{ parent() }} Accueil {% endblock %}
       
{% block content %} 

<ul class="navbar">
    <li><a>Accueil</a></li>
    <li><a href="index.php?page=connexion">Se connecter/s'inscrire</a></li>
</ul>
<div class="cyan">
<br><br><br><br>
	<img src="images/image_neptune.png" width="100%">
	<br><br><br><br>
	<div>
		<a href="index.php?page=connexion"><button  class="bouton">Se connecter/S'insrire</button></a>
	</div>
	<br>
	<div class="noir_centre">
		<h2 class="or">Découvrez nos chambres</h2>

		{% for i in range(0, image_chambre|length - 1) %}
			<a href="index.php?page=detailschambre&id={{i}}">
				<img src="{{ image_chambre[i].lien_image }}" width="50%">
			</a>
			<p class="text">{{ chambre[i].description }}</p>
		{% endfor %}

		<br>
		
	</div>
</div>
<div>
</div>
<div class="noir_centre">
	<h2 class="or">Notre restaurant</h2>
</div>
<div class="img_rest">
	<img src="images/restaurant.jpg"width="100%">
	<img src="images/bar.jpg"width="100%">
	<p class="text">Près de la gare et du centre historique, Le 58 revendique fièrement son ancrage local. Des gravures et papiers buvards aux murs à l'ancien plan d'Arras au plafond, ce lounge bar et restaurant bistronomique multiplie les clins d'oeil. Savourez les produits du terroir dans une ambiance chic et fun entre comptoir en marbre, meubles design et baby-foot.</p>
</div>

<div class="noir_centre">
	<h2 class="or">Notre Salle de réception</h2>
</div>
<div class="img_recep">
	<img src="images/reception1.png"width="100%">
	<img src="images/reception2.png"width="100%">
	<p class="text" width="100%">Près de la gare et du centre historique, Le 58 revendique fièrement son ancrage local. Des gravures et papiers buvards aux murs à l'ancien plan d'Arras au plafond, ce lounge bar et restaurant bistronomique multiplie les clins d'oeil. Savourez les produits du terroir dans une ambiance chic et fun entre comptoir en marbre, meubles design et baby-foot.</p>
</div>

<div class="noir_centre">
	<h2 class="or">Notre Piscine</h2>
</div>
<div class="img_recep">
	<img src="images/piscine.jpg"width="100%">
</div>

<div class="noir_centre">
<br><br><br><br>
	<h2 class="or">Nous trouver</h2>
</div>
<div class="img_recep">
	<img src="images/localisation.png"width="100%">
</div>

{% endblock %} 