{% extends 'layouts/base.html' %}

{% block content %}

<div class="page-head">
    <div>
        <h1>Callback Queue</h1>
        <p class="muted">Complete customer callback reminders. Schedule new callbacks from a lead view.</p>
    </div>
    <div class="page-actions">
        <button class="btn btn-sm" type="button" data-enable-reminders>Enable Browser Reminders</button>
        {% if is_super_admin %}
        <form method="get" action="{{ url_for('leads.callbacks') }}" class="form-inline">
            <label for="callback-owner-filter">Owner</label>
            <select id="callback-owner-filter" name="owner_id" onchange="this.form.submit()">
                <option value="">All owners</option>
                {% for owner in callback_owners %}
                <option value="{{ owner.id }}" {% if selected_owner_id == owner.id %}selected{% endif %}>{{ owner.name }}</option>
                {% endfor %}
            </select>
        </form>
        <form method="post" action="{{ url_for('leads.delete_all_callbacks') }}"
              onsubmit="return confirm('Delete all pending and completed callback history for every user? This cannot be undone.')">
            <button class="btn btn-sm danger" type="submit">Delete All Callback History</button>
        </form>
                {% else %}
                <form method="post" action="{{ url_for('leads.delete_my_callbacks') }}"
                            onsubmit="return confirm('Delete your complete callback history? This cannot be undone.')">
                        <button class="btn btn-sm danger" type="submit">Delete My Callback History</button>
                </form>
        {% endif %}
    </div>
</div>

<div>
    {% macro callback_table(callbacks, empty_message) %}
    <div class="table-wrap">
        <table class="modern-table">
            <thead><tr><th>Lead</th><th>Due</th>{% if is_super_admin %}<th>Owner</th>{% endif %}<th>Status</th><th>Action</th></tr></thead>
            <tbody>
                {% for callback in callbacks %}
                <tr>
                    <td>
                        <a href="{{ url_for('leads.detail', lead_id=callback.lead_id) }}"><strong>{{ callback.customer_name }}</strong></a>
                        <br><small>{{ callback.phone or '-' }}</small>
                        {% if callback.description %}<br><small>{{ callback.description }}</small>{% endif %}
                    </td>
                    <td>
                        {{ callback.due_at }}
                        {% if callback.status == 'pending' and callback.due_at.date() < today %}<br><span class="badge badge-danger">Overdue</span>{% endif %}
                    </td>
                    {% if is_super_admin %}<td>{{ callback.assigned_name }}</td>{% endif %}
                    <td><span class="badge">{{ callback.status }}</span></td>
                    <td>
                        {% if callback.status == 'pending' %}
                        <form method="post" action="{{ url_for('leads.complete_callback', callback_id=callback.id) }}">
                            <button class="btn btn-sm" type="submit">Complete</button>
                        </form>
                        {% endif %}
                        <form method="post" action="{{ url_for('leads.delete_callback', callback_id=callback.id) }}"
                              onsubmit="return confirm('Delete this scheduled callback?')" style="display:inline;">
                            <button class="btn btn-sm danger" type="submit">Delete</button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="{{ 5 if is_super_admin else 4 }}" style="text-align:center;">{{ empty_message }}</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% endmacro %}

    {% for section_name, section_callbacks in callback_sections.items() %}
    <section class="panel">
        <h3>{{ section_name }} Callbacks <span class="badge">{{ section_callbacks|length }}</span></h3>
        {{ callback_table(section_callbacks, 'No ' ~ section_name|lower ~ ' callbacks.') }}
    </section>
    {% endfor %}

    {% if callback_history %}
    <section class="panel">
        <h3>Callback History</h3>
        {{ callback_table(callback_history, 'No completed callbacks.') }}
    </section>
    {% endif %}
</div>

{% endblock %}