{% extends "admin/base.html" %}
{% import "admin/_macros.html" as macros %}
{% block page_title %}Відгуки{% endblock %}
{% block content %}
<h1>⭐ Відгуки клієнтів</h1>

<div class="card" style="margin-bottom:18px;">
  {% if ratings.count %}
  <div class="rating-summary">
    <div class="rating-score">
      <div class="rating-score-value">{{ ratings.average }}</div>
      <div class="rating-score-stars">{{ '⭐' * ratings.average_rounded }}{{ '☆' * (5 - ratings.average_rounded) }}</div>
      <div class="rating-score-count muted">{{ ratings.count }} {{ ratings.count_label }}</div>
    </div>
    <div class="rating-bars">
      {% for n in [5, 4, 3, 2, 1] %}
      <div class="rating-bar-row">
        <span class="rating-bar-label">{{ n }} ⭐</span>
        <div class="progress-bar"><span style="width:{{ ratings.distribution_pct[n] }}%;"></span></div>
        <span class="rating-bar-count">{{ ratings.distribution[n] }}</span>
      </div>
      {% endfor %}
    </div>
  </div>
  {% else %}
  <div class="muted">Оцінок ще немає — клієнти отримують запит з кнопками 1-5 після статусу «Виконано» (можна вимкнути в Налаштуваннях).</div>
  {% endif %}
</div>

{% if ratings.count %}
<div class="rating-filter">
  <a class="btn small secondary {{ 'active' if not score }}" href="{{ url_for('admin.reviews_list') }}">Усі ({{ ratings.count }})</a>
  {% for n in [5, 4, 3, 2, 1] %}
  <a class="btn small secondary {{ 'active' if score == n }}" href="{{ url_for('admin.reviews_list', score=n) }}">{{ n }} ⭐ ({{ ratings.distribution[n] }})</a>
  {% endfor %}
</div>
{% endif %}

<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>Дата</th><th>Замовлення</th><th>Клієнт</th><th>Тип</th><th>Оцінка</th></tr>
      {% for o in reviews %}
      <tr onclick="location.href='{{ url_for('admin.orders_detail', order_id=o.id) }}'" style="cursor:pointer;">
        <td data-label="Дата">{{ o.rated_at.strftime('%d.%m.%Y %H:%M') if o.rated_at else '' }}</td>
        <td data-label="Замовлення">{{ o.display_number() }}</td>
        <td data-label="Клієнт">{{ o.customer_name }}<br><span class="muted">{{ o.customer_phone }}</span></td>
        <td data-label="Тип">{{ macros.order_type_badge(o.order_type) }}</td>
        <td data-label="Оцінка">{{ '⭐' * o.rating }}{{ '☆' * (5 - o.rating) }}</td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="muted">{{ 'Відгуків з такою оцінкою ще немає' if score else 'Відгуків ще немає' }}</td></tr>
      {% endfor %}
    </table>
  </div>
  {% if pagination.pages > 1 %}
  <div class="pagination">
    <a class="btn small secondary {{ 'disabled' if not pagination.has_prev }}"
       href="{{ url_for('admin.reviews_list', score=score, page=pagination.prev_num) if pagination.has_prev else '#' }}">← Назад</a>
    <span class="muted pagination-info">Сторінка {{ pagination.page }} з {{ pagination.pages }} ({{ pagination.total }})</span>
    <a class="btn small secondary {{ 'disabled' if not pagination.has_next }}"
       href="{{ url_for('admin.reviews_list', score=score, page=pagination.next_num) if pagination.has_next else '#' }}">Далі →</a>
  </div>
  {% endif %}
</div>
{% endblock %}