{% extends 'base.html' %}

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

    <h3>Añadir nuevo álbum</h3>
    <div class="box">

        <form method="POST" enctype="multipart/form-data" action="/add_album">
            <div class="text mb-3">
                <label for="name">Nombre:</label>
                <input class="form-control" type="text" id="name" name="name" required>
            </div>

            <div class="text mb-3">
                <label for="artist">Artista:</label>
                <input class="form-control" type="text" id="artist" name="artist" required>
            </div>

            <div class="text mb-3">
                <label for="year">Año:</label>
                <input class="form-control" type="number" id="year" name="year" required>
            </div>

            <div class="text mb-3">
                <label for="cover_image">Imagen de portada:</label>
                <input class="form-control" type="file" id="cover_image" name="coverimage">
            </div>
            
            <div class="text mb-3">
                <button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Añadir álbum</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}