{% extends "admin_panel/base.html" %}

{% block dashboard_content %}
<section class="dashboard-panel">
    <div class="panel-head panel-head-stack">
        <div>
            <span class="dashboard-chip">Review Management</span>
            <h3>Approve, reject, search, and manage customer reviews.</h3>
        </div>
    </div>

    <form method="get" class="filter-bar">
        <input type="search" name="q" value="{{ current_query }}" class="form-control form-control-lg" placeholder="Search name, city, email, review text...">
        <select name="status" class="form-select form-select-lg">
            <option value="">All Status</option>
            {% for code, label in review_status_choices %}
                <option value="{{ code }}" {% if current_status == code %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <button class="btn btn-primary btn-lg" type="submit">Filter</button>
    </form>

    <div class="table-responsive mt-4">
        <table class="table dashboard-table enquiries-table align-middle">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>City</th>
                    <th>Email</th>
                    <th>Rating</th>
                    <th>Review</th>
                    <th>Likes</th>
                    <th>Status</th>
                    <th>Submitted</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for review in reviews %}
                    <tr>
                        <td><strong>{{ review.name }}</strong></td>
                        <td>{{ review.city|default:'-' }}</td>
                        <td>{{ review.email|default:'-' }}</td>
                        <td>{{ review.rating }} / 5</td>
                        <td class="enquiry-request">{{ review.review|truncatewords:25 }}</td>
                        <td>{{ review.likes }}</td>
                        <td>
                            <span class="status-pill status-{{ review.status }}">{{ review.get_status_display }}</span>
                        </td>
                        <td>{{ review.created_at|date:"d M Y, h:i A" }}</td>
                        <td>
                            <form method="post" class="enquiry-action-form">
                                {% csrf_token %}
                                <input type="hidden" name="review_id" value="{{ review.id }}">
                                <select name="status" class="form-select form-select-sm mb-2">
                                    {% for code, label in review_status_choices %}
                                        <option value="{{ code }}" {% if review.status == code %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                                <textarea name="admin_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Admin notes">{{ review.admin_notes }}</textarea>
                                <button class="btn btn-sm btn-primary w-100 mb-2" type="submit">Save</button>
                            </form>
                            <form method="post" onsubmit="return confirm('Delete this review?');">
                                {% csrf_token %}
                                <input type="hidden" name="delete_id" value="{{ review.id }}">
                                <button class="btn btn-sm btn-outline-danger w-100" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="9" class="text-center text-muted py-5">No reviews found.</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</section>
{% endblock %}