{% extends 'base.html' %}

{% block header %}
<section class="hero has-text-centered">
    <h1 class="subtitle is-2 has-text-centered">
        Elegir día para la reserva.
    </h1>
</section>
{% endblock header %}

{% block content %}
<div class="field">
    <section class="section">
        <h2 class="subtitle">
		Recuerda que el horario de la pista de pádel es de <strong>9:30 a 15:30</strong> por las mañanas y de <strong>17:00 a 23:00</strong> por las tardes.
        </h2>
    </section>
    <form action="/eligedia" method="POST">
            <div>
                <input class="radio" type="radio" name="dias" id="hoy" value="{{ hoy }}" checked/>
                <label class="radio" for="hoy">{{ hoy }}</label>

                <input class="radio" type="radio" name="dias" id="manana" value="{{ manana }}"/>
                <label class="radio" for="manana">{{ manana }}</label>

                <input class="radio" type="radio" name="dias" id="pasado" value="{{ pasado }}"/>
                <label class="radio" for="pasado">{{ pasado }}</label>
            </div>
            <div>
                <button class="button is-primary mt-5"   type="submit">Enviar</button>
            </div>
    </form>
</div> 
{% endblock content %}