{% extends "base.html" %}

{% block content %}

<div class="page-header">
    <h1>📁 Campaigns</h1>
    <form method="get" class="filter-bar">
    <input type="text" name="q" placeholder="Search campaigns..."
           value="{{ search }}">
</form>
   
</div>

<div class="panel">
    <div class="list-page">
    <table class="table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Total</th>
                <th>Sent</th>
                <th>Bounced</th>
            </tr>
        </thead>
        <tbody>
            {% for c in campaigns %}
            <tr onclick="location.href='/dashboard/campaign/{{ c.id }}'">
                <td>{{ c.name }}</td>
                <td>{{ c.total_emails }}</td>
                <td>{{ c.sent }}</td>
                <td>{{ c.bounced }}</td>

            </tr>
            {% endfor %}
        </tbody>
        <div class="pagination">
            {% if pagination.has_prev %}
                <a href="?page={{ pagination.prev_num }}&q={{ search }}">← Prev</a>
            {% endif %}

            <span>Page {{ pagination.page }} of {{ pagination.pages }}</span>

            {% if pagination.has_next %}
                <a href="?page={{ pagination.next_num }}&q={{ search }}">Next →</a>
            {% endif %}
        </div>

    </table>
</div>
</div>

{% endblock %}