{% extends "base.html" %}
{% block title %}Отзывы{% endblock %}
{% block content %}
<div class="container py-4">
    <h2 class="mb-4">💬 Отзывы</h2>

    <!-- Форма добавления отзыва (только для авторизованных пользователей) -->
    {% if session.get('user_id') and session.get('role') != 'admin' %}
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <h5 class="card-title">Оставить отзыв</h5>
            <form method="POST" action="{{ url_for('add_review') }}">
                <div class="mb-3">
                    <label class="form-label">Оценка</label>
                    <select name="rating" class="form-select" style="width:auto;">
                        <option value="5">⭐⭐⭐⭐⭐ (5)</option>
                        <option value="4">⭐⭐⭐⭐ (4)</option>
                        <option value="3">⭐⭐⭐ (3)</option>
                        <option value="2">⭐⭐ (2)</option>
                        <option value="1">⭐ (1)</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Текст отзыва</label>
                    <textarea name="text" class="form-control" rows="3" required
                              placeholder="Напишите ваш отзыв..."></textarea>
                </div>
                <button type="submit" class="btn btn-primary">Отправить отзыв</button>
            </form>
        </div>
    </div>
    {% elif not session.get('user_id') %}
    <div class="alert alert-light mb-4">
        <a href="{{ url_for('login') }}">Войдите</a>, чтобы оставить отзыв.
    </div>
    {% endif %}

    <!-- Список отзывов -->
    {% if reviews %}
    {% for review in reviews %}
    <div class="card mb-3 border-0 shadow-sm">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <strong>{{ review.reviewer.full_name or review.reviewer.email or review.reviewer.login or 'Пользователь' }}</strong>
                    <br>
                    <small class="text-muted">{{ review.created_at.strftime('%d.%m.%Y %H:%M') }}</small>
                </div>
                <div>
                    {% for i in range(review.rating) %}⭐{% endfor %}{% for i in range(5 - review.rating) %}☆{% endfor %}
                </div>
            </div>
            <p class="mt-2 mb-1">{{ review.text }}</p>

            {% if review.admin_reply %}
            <div class="bg-light rounded p-2 mt-2">
                <small class="text-muted fw-bold">Ответ администратора:</small><br>
                <small>{{ review.admin_reply }}</small>
            </div>
            {% endif %}

            {% if session.get('role') == 'admin' %}
            <div class="mt-2 d-flex gap-2">
                <form method="POST" action="{{ url_for('admin_delete_review', review_id=review.id) }}" class="d-inline">
                    <button type="submit" class="btn btn-sm btn-outline-danger"
                            onclick="return confirm('Удалить отзыв?')">🗑 Удалить</button>
                </form>
                <button type="button" class="btn btn-sm btn-outline-primary"
                        data-bs-toggle="modal" data-bs-target="#replyModal{{ review.id }}">💬 Ответить</button>
            </div>

            <!-- Модальное окно ответа -->
            <div class="modal fade" id="replyModal{{ review.id }}" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <form method="POST" action="{{ url_for('admin_reply_review', review_id=review.id) }}">
                            <div class="modal-header">
                                <h5 class="modal-title">Ответ на отзыв</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>
                            <div class="modal-body">
                                <textarea name="admin_reply" class="form-control" rows="3"
                                          required>{{ review.admin_reply or '' }}</textarea>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                                <button type="submit" class="btn btn-primary">Сохранить</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
    {% endfor %}
    {% else %}
    <div class="text-center py-5 text-muted">
        <div class="fs-1">💬</div>
        <p>Пока нет отзывов. Будьте первым!</p>
    </div>
    {% endif %}
</div>
{% endblock %}