{% extends "base.html" %}
{% block title %}{{ product.name }} · {{ SITE_NAME }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <p><a href="{% url 'shop:list' %}">← Shop</a></p>
    <h1>{{ product.name }}</h1>
    <p class="muted">{{ product.price }} {{ product.currency|upper }} · {{ product.sku }}</p>
    <div>{{ product.description|linebreaks }}</div>
    {% if available is not None %}
    <p>{{ available }} in stock</p>
    {% endif %}
    <form method="post" action="{% url 'shop:cart_add' product.slug %}">
      {% csrf_token %}
      <label>Qty <input name="quantity" type="number" min="1" value="1"></label>
      <button class="button button-primary" type="submit">Add to cart</button>
    </form>
    <h2>Reviews</h2>
    {% if review_count %}
    <p>{{ review_avg|floatformat:1 }} / 5 · {{ review_count }} review{{ review_count|pluralize }}</p>
    {% else %}
    <p>No reviews yet.</p>
    {% endif %}
    {% if can_review %}
    <form method="post" action="{% url 'shop:review' product.slug %}">
      {% csrf_token %}
      <p>
        <label for="review-rating">Rating</label>
        <select id="review-rating" name="rating" required>
          <option value="">Choose 1–5</option>
          <option value="5">5 — Excellent</option>
          <option value="4">4 — Good</option>
          <option value="3">3 — Okay</option>
          <option value="2">2 — Fair</option>
          <option value="1">1 — Poor</option>
        </select>
      </p>
      <p><label>Title (optional) <input name="title" maxlength="120"></label></p>
      <p><label>Review (optional) <textarea name="body" rows="4"></textarea></label></p>
      <button class="button button-primary" type="submit">Submit review</button>
    </form>
    {% elif already_reviewed %}
    <p>You already reviewed this product.</p>
    {% elif user.is_authenticated %}
    <p>Buy this product to leave a review.</p>
    {% else %}
    <p><a href="{% url 'account:login' %}?next={{ request.path }}">Sign in</a> after a purchase to leave a review.</p>
    {% endif %}
    <ul>
      {% for review in reviews %}
      <li>
        <strong>{{ review.rating }}/5</strong>
        {% if review.title %} · {{ review.title }}{% endif %}
        <span> — {{ review.user.first_name|default:review.user.email }}</span>
        {% if review.body %}<p>{{ review.body|linebreaks }}</p>{% endif %}
      </li>
      {% endfor %}
    </ul>
  </div>
</section>
{% endblock %}