{% extends 'base.html' %}

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

    <h3>Editar autor</h3>
    <div class="box">

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

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

            <div class="text mb-3">
                <label for="foto">Foto</label>
                <input class="form-control" type="file" id="foto" name="foto">
                {% if autor.foto %}
                <img src="{{ url_for('paginas.uploaded_file', filename=autor.foto) }}" alt="{{ autor.apellido }}" 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 %}