{% extends "base.html" %}

{% block title %}{{ product.name }}{% endblock %}

{% block content %}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('catalog') }}">Каталог</a></li>
        <li class="breadcrumb-item active">{{ product.name }}</li>
    </ol>
</nav>

<div class="row g-4">
    <!-- Изображение -->
    <div class="col-md-5">
        {% if product.image %}
            <img src="{{ url_for('static', filename='uploads/products/' ~ product.image) }}"
                 class="img-fluid rounded shadow-sm w-100"
                 style="max-height:400px;object-fit:cover;" alt="{{ product.name }}">
        {% else %}
            <div class="bg-light rounded d-flex align-items-center justify-content-center"
                 style="height:300px;font-size:80px;">🛍️</div>
        {% endif %}
    </div>

    <!-- Описание -->
    <div class="col-md-7">
        <h2 class="mb-2">{{ product.name }}</h2>

        {% if product.description %}
            <p class="text-muted mb-3">{{ product.description }}</p>
        {% endif %}

        {% if product.stock is defined %}
            <p class="mb-2">
                <span class="badge {% if product.stock > 0 %}bg-success{% else %}bg-danger{% endif %}">
                    {% if product.stock > 0 %}В наличии: {{ product.stock }} шт.{% else %}Нет в наличии{% endif %}
                </span>
            </p>
        {% endif %}

        <div class="fs-2 fw-bold text-success mb-4">{{ product.price }} ₽</div>

        {% if session.user_id %}
            {% if not product.stock is defined or product.stock > 0 %}
            <form method="POST" action="{{ url_for('cart_add', product_id=product.id) }}"
                  class="d-flex gap-2 align-items-center mb-3">
                <input type="number" name="quantity" value="1" min="1"
                       max="{{ product.stock or 99 }}"
                       class="form-control" style="width:80px;">
                <button type="submit" class="btn btn-primary btn-lg">🛒 В корзину</button>
            </form>
            {% endif %}
        {% else %}
            <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">Войти для покупки</a>
        {% endif %}

        {% if session.role == 'admin' %}
        <div class="mt-3 d-flex gap-2">
            <a href="{{ url_for('product_edit', product_id=product.id) }}"
               class="btn btn-outline-secondary btn-sm">✏️ Редактировать</a>
            <form method="POST" action="{{ url_for('product_delete', product_id=product.id) }}"
                  onsubmit="return confirm('Удалить товар?')">
                <button type="submit" class="btn btn-outline-danger btn-sm">🗑 Удалить</button>
            </form>
        </div>
        {% endif %}
    </div>
</div>

<!-- Отзывы -->
{% if reviews is defined %}
<div class="mt-5">
    <h4 class="mb-3">💬 Отзывы ({{ reviews|length }})</h4>

    {% if can_review %}
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-light">
            <h6 class="mb-0">Оставить отзыв</h6>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ url_for('add_review', product_id=product.id) }}">
                <div class="mb-3">
                    <label class="form-label">Оценка</label>
                    <div class="stars-input d-flex flex-row-reverse justify-content-end">
                        {% for i in range(5, 0, -1) %}
                        <input type="radio" name="rating" id="star{{ i }}" value="{{ i }}"
                               {% if i == 5 %}checked{% endif %}>
                        <label for="star{{ i }}">★</label>
                        {% endfor %}
                    </div>
                </div>
                <div class="mb-3">
                    <label class="form-label">Текст отзыва</label>
                    <textarea class="form-control" name="text" rows="3"
                              placeholder="Поделитесь впечатлениями..." required></textarea>
                </div>
                <button type="submit" class="btn btn-primary btn-sm">Отправить отзыв</button>
            </form>
        </div>
    </div>
    {% endif %}

    {% if reviews %}
        {% for review in reviews %}
        <div class="card border-0 shadow-sm mb-3">
            <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>
                        <span class="stars ms-2">{{ '★' * review.rating }}{{ '☆' * (5 - review.rating) }}</span>
                    </div>
                    <div class="d-flex align-items-center gap-2">
                        <small class="text-muted">{{ review.created_at.strftime('%d.%m.%Y') }}</small>
                        {% if session.role == 'admin' %}
                        <form method="POST" action="{{ url_for('admin_delete_review', review_id=review.id) }}">
                            <button type="submit" class="btn btn-sm btn-outline-danger py-0 px-1">✕</button>
                        </form>
                        {% endif %}
                    </div>
                </div>
                <p class="mb-0 mt-2 text-muted">{{ review.text }}</p>
            </div>
        </div>
        {% endfor %}
    {% else %}
        <p class="text-muted">Отзывов пока нет. Будьте первым!</p>
    {% endif %}
</div>
{% endif %}
{% endblock %}