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

{% block content %}

<div class="page-head">
    <h1>{{ 'Lead Requests Center' if is_super_admin else 'Request New Leads' }}</h1>
    {% if not is_super_admin %}
    <button class="btn" type="button" onclick="document.getElementById('lead-request-form').hidden = !document.getElementById('lead-request-form').hidden">Request Lead Supply</button>
    {% endif %}
</div>

{% if not is_super_admin %}
<div class="panel" id="lead-request-form" hidden>
    <form method="post" class="form-grid two">
        <div class="form-group">
            <label>City</label>
            <input name="requested_city" required>
        </div>
        <div class="form-group">
            <label>Preferred Language</label>
            <input name="requested_language" placeholder="Hindi / English / Marathi">
        </div>
        <div class="form-group">
            <label>Lead Count</label>
            <input type="number" min="1" name="requested_count" value="100">
        </div>
        <div class="form-group full-width">
            <label>Reason</label>
            <textarea name="reason"></textarea>
        </div>
        <div class="form-actions full-width">
            <button class="btn" type="submit">Send Request</button>
        </div>
    </form>
</div>
{% endif %}

<div class="panel">
    <div class="table-wrap">
        <table class="modern-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Requested By</th>
                    <th>City</th>
                    <th>Language</th>
                    <th>Count</th>
                    <th>Status</th>
                    <th>Reason</th>
                    {% if is_super_admin %}<th>Action</th>{% endif %}
                </tr>
            </thead>
            <tbody>
                {% for req in requests %}
                <tr>
                    <td>#{{ req.id }}</td>
                    <td>{{ req.requester_name }}</td>
                    <td>{{ req.requested_city or '-' }}</td>
                    <td>{{ req.requested_language or '-' }}</td>
                    <td>{{ req.requested_count or 0 }}</td>
                    <td><span class="badge">{{ req.status }}</span></td>
                    <td>{{ req.reason or '-' }}</td>
                    {% if is_super_admin %}
                    <td>
                        {% if req.status == 'pending' %}
                        <form method="post" action="{{ url_for('admin.review_lead_request', request_id=req.id) }}">
                            <button class="btn btn-sm" type="submit" name="status" value="done">Done</button>
                        </form>
                        {% else %}
                        <span class="muted">Closed</span>
                        {% endif %}
                        <form method="post" action="{{ url_for('admin.delete_lead_request', request_id=req.id) }}" onsubmit="return confirm('Delete this lead request?');">
                            <button class="btn btn-sm btn-outline" type="submit">Delete</button>
                        </form>
                    </td>
                    {% endif %}
                </tr>
                {% else %}
                <tr><td colspan="8" style="text-align:center;">No lead requests recorded.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% endblock %}