{% extends "base.html" %}

<!-- {% block title %}Admin Dashboard{% endblock %} -->
{% block content %}
<div class="dashboard-box">
    {% if view == 'profile' %}
        <div class="dashboard-title"><i class="fa-solid fa-circle-user"></i> Profile</div>
        <table>
            <tr><td><i class="fa-solid fa-user"></i> First Name</td><td>{{ admin.firstName }}</td></tr>
            <tr><td><i class="fa-solid fa-envelope"></i> Email</td><td>{{ admin.email }}</td></tr>
            <tr><td><i class="fa-solid fa-phone"></i> Phone</td><td>{{ admin.phoneNumber }}</td></tr>
            <tr><td><i class="fa-solid fa-location-dot"></i> Address</td><td>{{ admin.address }}</td></tr>
        </table>

    {% elif view == 'conversations' %}
        <div class="dashboard-title"><i class="fa-solid fa-comments"></i> Conversations</div>
        <table>
            <tr>
                <th>LeadPhone</th><th>LeadName</th><th>LeadEmail</th><th>CallStatus</th><th>Call ended</th>
            </tr>
            {% for msg in messages %}
                <tr>
                    <td>{{ msg.phone_number }}</td>
                    <td>{{ msg.call_started_at }}</td>
                    <td>{{ msg.call_duration_seconds }}</td>
                    <!-- <td>{{ msg.call_status }}</td> -->
                    <td>{{ msg.client_status }}</td>
                    <td>{{msg.lead_name}}</td>
                    <td>{{msg.lead_email}}</td>
                </tr>
            {% empty %}
                <tr><td colspan="5" style="text-align:center;">No messages found.</td></tr>
            {% endfor %}
        </table>

    {% elif view == 'summary' %}
        <div class="dashboard-title"><i class="fa-solid fa-phone-volume"></i> Call Summary</div>
        <table>
            <tr>
                <th>Phone</th><th>Conversations</th><th>Call Summary</th><th>Started</th><th>Status</th>
            </tr>
            {% for msg in messages %}
                <tr>
                    <td>{{ msg.phone_number }}</td>
                    <td>{{ msg.call_transcript }}</td>
                    <td>{{ msg.call_summary }}</td>
                    <td>{{ msg.call_started_at }}</td>
                    <td>{{ msg.call_status }}</td>
                </tr>
            {% empty %}
                <tr><td colspan="5" style="text-align:center;">No summary found.</td></tr>
            {% endfor %}
        </table>
    {% endif %}
</div>
{% endblock %}