{% extends 'base.html' %}

{% block content %}
<div class="column is-4 is-offset-4">

    <h3>Editar vehículo</h3>
    <div class="box">

        <form method="POST" enctype="multipart/form-data" action="{{ url_for('paginas.edit_vehiculo', vehiculo_id=vehiculo.id) }}">
            <div class="text mb-3">
                <label for="marca">Marca</label>
                <input class="form-control" type="text" id="marca" name="marca" value="{{ vehiculo.marca }}" required>
            </div>

            <div class="text mb-3">
                <label for="modelo">Modelo</label>
                <input class="form-control" type="text" id="modelo" name="modelo" value="{{ vehiculo.modelo }}" required>
            </div>

            <div class="text mb-3">
                <label for="matricula">Matrícula</label>
                <input class="form-control" type="text" id="matricula" name="matricula" value="{{ vehiculo.matricula }}" required>
            </div>

            <div class="text mb-3">
                <label for="foto">Foto</label>
                <input class="form-control" type="file" id="foto" name="foto">
                {% if vehiculo.foto %}
                <img src="{{ url_for('paginas.uploaded_file', filename=vehiculo.foto) }}" alt="{{ vehiculo.matricula }}" style="width:100px;height:100px;"><br>
                {% endif %}
            </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 %}