{% extends "base.html" %}

{% block title %}
Alquilar taquilla
{% endblock %}

{% block content %}
<div class="content">

    <div class="form-content">
        <form method="post" action="/alquilar/{{ id_taquilla }}" class="form">
            <div class="form-element">
                <label for="id_taquilla">Numero de la Taquilla</label>
                <input type="text" name="id_taquilla" id="id_taquilla" placeholder="Número de la taquilla" value="{{ id_taquilla }}" disabled>
            </div>
    
            <div class="form-element">
                <label for="nombre_usuario">Nombre completo</label>
                <input type="text" name="nombre_usuario" id="nombre_usuario" placeholder="Nombre completo">
            </div>
    
            <div class="form-element">
                <label for="dni_usuario">Numero DNI</label>
                <input type="text" name="dni_usuario" id="dni_usuario" placeholder="Numero DNI">
            </div>
    
            <div class="form-element">
                <label for="correo_electronico">Correo electrónico</label>
                <input type="text" name="correo_electronico" id="correo_electronico" placeholder="Correo electrónico">
            </div>

            <div class="form-element">
                <label for="fecha_caducidad">Fecha de caducidad</label>
                <input type="date" name="fecha_caducidad" id="fecha_caducidad">
            </div>
        
            <div>
                <input type="checkbox" id="agreement" name="agreement">
                <label for="agreement">He leído la información correspondiente y estoy de acuerdo.</label>
            </div>
    
            <div class="form-submit">
                <button onclick="history.back()" class="button">Atrás</button>
                <input type="submit" class="button" value="Alquilar">
            </div>
        </form>
    </div>
</div>
{% endblock %}