{% extends 'base.html' %}
{% load static %}

{% block title %}{{ object.first_name }} {{ object.last_name }}{% endblock %}
{% block content %}
<h1>{{ object.first_name }} {{ object.last_name }}</h1>
<b>Age: </b> {{ object.age }}<br>
<b>Nationality: </b>{{ object.nationality }} <br>
{{ object.bio }}
<hr>

Books by {{ object.first_name }} {{ object.last_name }} I love:
<ul>
    {% for book in books %}
        {% if book.author.first_name == object.first_name and book.author.last_name == object.last_name %}
            <li><a href="{{ book.get_absolute_url }}">{{ book.title }}</a></li>
        {% endif %}
    {% endfor %}
</ul>

<div id="links" style="margin: auto; text-align: center; width: 100%">
    <a href="/bookshelf/home/">Home</a>
    &nbsp; &nbsp;
    <a href="/bookshelf/books/">Books</a>
    &nbsp; &nbsp;
    <a href="/bookshelf/authors/">Authors</a>
</div>
{% endblock %}