{% extends "base.html" %}
{% block content %}
<h2>📚 Welcome, {{ current_user.name }}!</h2>

<div class="stats">
    <div class="stat-card">
        <h3>Total Books in Library</h3>
        <p>{{ stats.total_books }}</p>
    </div>
    <div class="stat-card">
        <h3>Available Books</h3>
        <p>{{ stats.available_copies }}</p>
    </div>
    <div class="stat-card">
        <h3>Books I Borrowed</h3>
        <p>{{ my_issues|length }}</p>
    </div>
    <div class="stat-card">
        <h3>My Fines</h3>
        <p style="color: {% if my_fines %}#e74c3c{% else %}#27ae60{% endif %};">
            {{ my_fines|sum(attribute='amount')|default(0) }} BDT
        </p>
    </div>
</div>

<div class="card">
    <h3>📖 Browse All Books</h3>
    <p><a href="{{ url_for('books') }}" class="btn">View All Books →</a></p>
</div>

{% if my_issues %}
<div class="card">
    <h3>📚 My Borrowed Books</h3>
    <table>
        <tr>
            <th>Book ID</th>
            <th>Issue Date</th>
            <th>Due Date</th>
            <th>Status</th>
        </tr>
        {% for issue in my_issues %}
        <tr>
            <td>{{ issue.book_id }}</td>
            <td>{{ issue.issue_date.strftime('%Y-%m-%d') }}</td>
            <td>{{ issue.due_date.strftime('%Y-%m-%d') }}</td>
            <td>
                {% if issue.status == 'returned' %}
                    <span style="color: #27ae60;">✓ Returned</span>
                {% elif issue.is_overdue() %}
                    <span style="color: #e74c3c;">⚠️ Overdue ({{ issue.days_overdue() }} days)</span>
                {% else %}
                    <span style="color: #3498db;">📖 Issued</span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </table>
</div>
{% endif %}
{% endblock %}