{% extends "base.html" %} {% block title %}Admin Panel{% endblock %} {% block
content %}
<div class="container">
    <h1>🔐 Admin: Contact Messages</h1>
    {% if user.is_authenticated and user.role in ['admin', 'superadmin'] %}
    <h2>All Contact Messages</h2>
    {% for message in get_flashed_messages() %}
    <div
        class="alert alert-{{ 'success' if 'successfully' in message else 'danger' }}"
    >
        {{ message }}
    </div>
    {% endfor %} {% if contacts %}
    <table class="table table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>Username</th>
                <th>Subject</th>
                <th>Message</th>
                <th>Sent On</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for contact in contacts %}
            <tr>
                <td>{{ contact.id }}</td>
                <td>{{ contact.username }}</td>
                <td>{{ contact.subject }}</td>
                <td>{{ contact.message | truncate(50) }}</td>
                <td>
                    {{ contact.created_at.strftime('%Y-%m-%d %H:%M:%S') if
                    contact.created_at else 'N/A' }}
                </td>
                <td>{{ contact.status }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <!-- Paginación -->
    <nav aria-label="Page navigation">
        <ul class="pagination">
            <li class="page-item {% if page == 1 %}disabled{% endif %}">
                <a
                    class="page-link"
                    href="{{ url_for('auth.admin_contacts', page=page-1) if page > 1 else '#' }}"
                    >Previous</a
                >
            </li>
            {% for p in range(1, total_pages + 1) %}
            <li class="page-item {% if p == page %}active{% endif %}">
                <a
                    class="page-link"
                    href="{{ url_for('auth.admin_contacts', page=p) }}"
                    >{{ p }}</a
                >
            </li>
            {% endfor %}
            <li
                class="page-item {% if page == total_pages %}disabled{% endif %}"
            >
                <a
                    class="page-link"
                    href="{{ url_for('auth.admin_contacts', page=page+1) if page < total_pages else '#' }}"
                    >Next</a
                >
            </li>
        </ul>
    </nav>
    {% else %}
    <p>No contact messages found.</p>
    {% endif %}
    <a href="{{ url_for('views.home') }}" class="btn btn-secondary mt-2"
        >Back to Home</a
    >
    {% else %}
    <p>
        Access denied. Please
        <a href="{{ url_for('auth.login') }}">log in</a> as an admin.
    </p>
    {% endif %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="{{ sri_integrity('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js') }}" crossorigin="anonymous"></script>
{% endblock %}