{% extends 'base.html' %}

{% block content %}
<div class="column is-4 is-offset-4">
    <h3>Editar repostaje</h3>
    <div class="box">
        <form method="POST" action="{{ url_for('paginas.edit_repostaje', repostaje_id=repostaje.id) }}"> 
            <div class="text mb-3">
                <label for="fecha">Fecha:</label>
                <input class="form-control" type="date" id="fecha" name="fecha" value="{{ repostaje.fecha }}" required>
            </div>

            <div class="text mb-3">
                <label for="vehiculo_id">Vehículo</label>
                <select class="form-control" id="vehiculo_id" name="vehiculo_id" required>
                    {% for vehiculo in vehiculos %}
                    <option value="{{ vehiculo.id }}" {% if repostaje.vehiculo_id == vehiculo.id %}selected{% endif %}>{{ repostaje.fecha }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="text mb-3">
                <label for="kms">Kilómetros:</label>
                <input class="form-control" type="text" id="kms" name="kms" value="{{ repostaje.kms }}" required>
            </div>

            <div class="text mb-3">
                <label for="litros">Litros:</label>
                <input class="form-control" type="text" id="litros" name="litros" value="{{ repostaje.litros }}" required>
            </div>

            <div class="text mb-3">
                <label for="importe">Importe:</label>
                <textarea class="form-control" id="importe" name="importe" required>{{ repostaje.importe }}</textarea>
            </div>

            <div class="text mb-3">
                  <button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Guardar cambios</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}