<%- include("../template/cabecera") %>
<div class="container ">
    <h1 class="d-flex flex-row justify-content-center alig-items-center">Añadir manga</h1>
        <div class="d-flex flex-row justify-content-center alig-items-center">
            <form action="/manga" method="post">
                <div class="form-group p-2">
                    <label for="titulo" class="text-danger p-1 me-5">Título del manga:</label><br>
                    <input type="text" placeholder="Introduce el título del manga" class="form-class m-1" id="titulo" name="titulo" size="50%">
                </div>
                <div class="form-group p-2">
                    <label for="autor" class="text-danger p-1">Nombre del autor:</label><br>
                    <input type="text" placeholder="Introduce el autor" class="form-class m-1" id="autor" name="autor" size="50%">
                </div>
                <div class="form-group p-2">
                    <label for="numPagina" class="text-danger p-1">Número de páginas:</label><br>
                    <input type="text"  placeholder="Introduce el número de páginas" class="form-class m-1" id="numPagina" name="numPagina" size="50%">
                </div>
                <div class="form-group p-2" >
                    <label for="editorial" class="text-danger p-1">Nombre de la editorial:</label><br>
                    <input type="text" placeholder="Introduce editorial" class="form-class m-1" id="editorial" name="editorial"  size="50%"><br>
                    <small id="small-s"  class="form-text text-muted p-1">Las editoriales que se tienen que introducir son Ivrea, MILKY WAY EDICIONES,  Norma Editorial,<br> Panini Comics, Planeta De Agostini.</small>

                </div>
                <div class="form-group p-2">
                    <label for="categoria" class="text-danger p-1 mr-">Categoría del manga:</label><br>
                    <input type="text"  placeholder="Introduce categoría" class="form-class m-1" id="categoria" name="categoria" size="50%"><br>
                    <small id="small-s"  class="form-text text-muted p-1 m-1">Las categorías que debes introducir son Progresivo, Cyberpunk,
                         Ecchi, Furry, Gekiga, Gore,<br> Harem,  Harem reverso, Hentai, Kemono, Mahō shōjo, Victoriana Histórica, Realidad virtual, 
                         <br>Juego de Supervivencia, Romakome, Shōjo-ai o Yuri, Shōnen-ai y Yao, Spokon, Mecha, <br>Jidaimono o Shounen.
                        </small>

                </div>
                <div class="form-group p-2" >
                    <label for="tipoTapa" class="text-danger p-1">Tipo de tapa:</label><br>
                    <input type="text"  placeholder="Tipo de tapa" class="form-class m-1" id="tipoTapa" name="tipoTapa"  size="50%"><br>
                    <small id="small-s"  class="form-text text-muted p-1">Tapa blanda o tapa dura.</small>
                </div>
                <div class="form-group p-2">
                    <label for="tamanio" class="text-danger p-1">Tamaño del manga:</label><br>
                    <input type="text"  placeholder="Introduce tamaño" class="form-class m-1" id="tamanio" name="tamanio"  size="50%"><br>
                    <small id="small-s" class="form-text text-muted p-1">Tamaño bolsillo o tamaño rústico.</small>
                </div>
                <div class="form-group p-2">
                    <label for="precio" class="text-danger p-1">Precio del manga:</label><br>
                    <input type="text"  placeholder="Introduce precio" class="form-class m-1" id="precio" name="precio"  size="50%">
                </div>
                <button type="submit" class="btn btn-danger m-2">Añadir</button>
            </form>
        </div>
    

</div>
    

<%- include("../template/footer") %>
