{% extends 'base.html' %}

{% block menuapp %}

{% endblock menuapp %}

{% block content %}
		    <div class="container-xl">
				<div class="row g-3 mb-4 align-items-center justify-content-between">
					<div class="col-auto">
						{% if messages %}
							{% for message in messages %}
								<div class="alert {% if message.tags %}alert-{{ message.tags }}{% else %}alert-info{% endif %} alert-dismissible fade show" role="alert">
									{{ message }}
									<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
								</div>
							{% endfor %}
						{% endif %}
					</div>
				</div>

				<div class="row g-3 mb-4 align-items-center justify-content-between">
				    <div class="col-auto">
			            <h1 class="app-page-title mb-0">Lista de espera para {{ evento.nombre }}</h1>
						<p>Este evento está completo, pero puedes apuntarte a la lista de espera.</p>
						<p></p>
						<p>La lista de espera se procesará por el orden en el que os apuntáis</p>
						<p></p>

						<form method="post">
							{% csrf_token %}
							{{ form.as_p }}
							<button type="submit">Apuntarse a la Lista de Espera</button>
						</form>
					
						<a href="{% url 'eventos:lista_eventos' %}">Volver a la lista de eventos</a>
				    </div>
			    </div><!--//row-->	
		    </div><!--//container-fluid-->
{% endblock %}