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

    <!-- Author's Profile Details Section -->

    <section id="details">
        <div id="details-wrapper">
            <h2>Author's Profile Details</h2>
            <!-- if the author has a profile image -->
            {% if author.image_url %}
                <img id="details-img" src="{{ author.image_url }}"
                     alt="profile img"/>
            {% else %}
                <!-- if the author has NO profile image -->
                <img id="details-img" src="{% static '/images/default.png' %}" alt="profile img"/>
            {% endif %}
            <!-- author's full name -->
            <p id="details-title">{{ author.first_name }} {{ author.last_name }}</p>
            <!-- number of posts -->
            <p id="nutrition">Published Posts: {{ post_count }}</p>

            <div id="info-wrapper">
                <div id="details-description">
                    <!-- pets number -->
                    <p>Pets Number: {{ author.pets_number }}</p>
                    <!-- info if provided -->
                    {% if author.info %}
                        <p>{{ author.info }}</p>
                    {% endif %}
                    <p>-------------------------------</p>
                    <!-- latest activity if there are posts, otherwise display 'N/A' -->
                    <p>Last Updated Post:
                        {% if post_count %}
                            <strong>{{ latest_post.title }}</strong>
                        {% else %}
                            N/A
                        {% endif %}
                    </p>
                </div>

                <!--Edit and Delete buttons -->
                <div id="action-buttons">
                    <a href="{% url 'edit-author' %}" id="edit-btn">Edit</a>
                    <a href="{% url 'delete-author' %}" id="delete-btn">Delete</a>
                </div>
            </div>
        </div>
    </section>

{% endblock %}