You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

73 lines
2.6 KiB

{% extends 'base.html' %}
{% block menuapp %}
{% include 'libros/_menu-libros.html' %}
{% endblock menuapp %}
{% block content %}
<div class="container-xl">
<div class="app-card app-card-notification shadow-sm mb-4">
<div class="app-card-header px-4 py-3">
<div class="row g-3 align-items-center">
<div class="col-12 col-lg-auto text-center text-lg-start">
{% if autor.foto %}
<p><img src="{{ autor.foto.url }}" alt="{{ autor.nombre}}" style="width:200px;height:200px;"></p>
{% else %}
<p>No hay imágen disponible</p>
{% endif %}
</div>
<div class="col-12 col-lg-auto text-center text-lg-start">
<h4>{{ autor.nombre }}</h4>
<ul class="notification-meta list-inline mb-0">
<li class="list-inline-item">{{ autor.nombre }}</li>
</ul>
</div>
</div>
</div>
<div class="app-card-body p-4">
{% if libros %}
<table class="table app-table-hover mb-0 text-left">
<thead>
<tr>
<th class="cell">Título</th>
<th class="cell">Portada</th>
</tr>
</thead>
<tbody>
{% for libro in libros %}
<tr>
<td class="cell"><a href="{% url 'libros:detalle_libro' libro.id %}">{{ libro.titulo }}</a></td>
{% if libro.portada %}
<td class="cell"><img src="{{ libro.portada.url }}" alt="Portada del libro" width="200"></td>
{% else %}
<td>Sin imagen</td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<p>No se han encontrado libros para este autor</p>
{% endif %}
</div>
</div>
<div class="row g-3 mb-4 align-items-center justify-content-between">
<div class="col-auto">
<a class="btn app-btn-secondary" href="{% url 'libros:lista_libros' %}">Volver al inicio</a>
</div>
<div class="col-auto">
<a class="btn app-btn-primary" href="{% url 'libros:nuevo_libro' %}">Añadir libro</a> <!-- Faltaría poner el id del autor-->
</div>
</div>
</div>
{% endblock %}