{% extends "admin/layout.html" %}

{% block page_title %}مدیریت نظرات{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h5 class="fw-bold"><i class="fas fa-star" style="color:#c41e3a;"></i> نظرات کاربران</h5>
</div>

<div class="table-responsive table-admin">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>#</th>
                <th>کاربر</th>
                <th>عنوان</th>
                <th>امتیاز</th>
                <th>وضعیت</th>
                <th>تاریخ</th>
                <th>عملیات</th>
            </tr>
        </thead>
        <tbody>
            {% for review in reviews %}
            <tr>
                <td>{{ loop.index }}</td>
                <td>{{ review.user.fullname }}</td>
                <td>{{ review.title|truncate(30) }}</td>
                <td>
                    {% for i in range(review.rating) %}
                        <i class="fas fa-star" style="color:#f5c518;font-size:0.8rem;"></i>
                    {% endfor %}
                </td>
                <td>
                    <span class="badge bg-{% if review.is_approved %}success{% else %}warning{% endif %}">
                        {% if review.is_approved %}تایید شده{% else %}در انتظار{% endif %}
                    </span>
                </td>
                <td>{{ review.created_at|persian_date }}</td>
                <td>
                    <div class="btn-group btn-group-sm">
                        {% if not review.is_approved %}
                        <a href="{{ url_for('admin_review_approve', id=review.id) }}" class="btn btn-outline-success" title="تایید">
                            <i class="fas fa-check"></i>
                        </a>
                        {% endif %}
                        <a href="{{ url_for('admin_review_delete', id=review.id) }}" class="btn btn-outline-danger" title="حذف" onclick="return confirm('آیا از حذف این نظر مطمئن هستید؟')">
                            <i class="fas fa-trash"></i>
                        </a>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}