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

{% block css %}
	{{ parent() }}
	<link rel="stylesheet" href="css/detailchambre.css">
{% endblock %}

{% block title %}
	{{ parent() }}
	Neptune |
	{{chambres[id].Nom}}
{% endblock %}

{% block content %}
	<div class="div1">
		<div class="test">
		<br>
			<h2>A partir de
				{{chambres[id].Prix}}
				€</h2>
			<button onclick="location.href='index.php?page=reservation_1'" type="button" style="float:right;">Réserver</button><br><br>
			<h2>Notre chambre :</h2><br>
			<p>{{chambres[id].Description}}</p>
		</div>
		<h1>{{chambres[id].Nom}}</h1>
		<img src="{{ image_chambre[id].lien_image }}" width="30%" height="50%">
		<h2>Superficie :
			{{chambres[id].Superficie}}m²</h2><br>
		<h2>Nombres de lits :
			{{chambres[id].Nbr_lit}}</h2>
	</div>
	<div class="div2">
		<h2>Conditions et informations utiles :</h2>
		<ul>
			<li>Petit déjeuner à 13,50 €</li><br>
			<li>Arrivée : 14:30 - Départ : 11:00</li><br>
			<li>La réception est ouverte 24 heures sur 24.</li><br>
		</ul>
			<h2>Services disponibles</h2>
			{% if proposes %}
				<ul>
					{% for service in proposes %}
						<li>{{ service }}</li>
					{% endfor %}
				</ul>
			{% else %}
				<p>Aucune information disponible pour cette chambre.</p>
			{% endif %}
	</div>
	<div class="div3">3</div>
{% endblock %}
