{% extends 'admin/base.html' %}

{% block title %}{{ t('review_manager.detail_title') }}{% endblock %}

{% block content %}
<div class="container-md">
    <div class="page-header--with-action">
        <div class="page-header__content">
            <h2>⭐ {{ t('review_manager.detail_title') }} #{{ review.id }}</h2>
        </div>
        <a href="{{ url_for('review_manager.list_reviews') }}" class="btn btn-secondary">← {{ t('review_manager.back_to_list') }}</a>
    </div>

    <!-- Review content -->
    <div class="form-section">
        <h3>📝 {{ t('review_manager.col_review') }}</h3>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.col_author') }}</div>
            <div class="sd-row__value">{{ review.author_name }}</div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.col_rating') }}</div>
            <div class="sd-row__value rm-stars" aria-label="{{ review.rating }}/5">{% for i in range(1, 6) %}<span class="rm-star {% if i <= review.rating %}rm-star--on{% endif %}">★</span>{% endfor %} ({{ review.rating }}/5)</div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.col_review') }}</div>
            <div class="sd-row__value rm-fulltext">{{ review.text }}</div>
        </div>
    </div>

    <!-- Owner reply -->
    <div class="form-section">
        <h3>💬 {{ t('review_manager.reply_title') }}</h3>
        <form method="POST" action="{{ url_for('review_manager.set_reply', review_id=review.id) }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <div class="form-group">
                <textarea name="reply" rows="4" maxlength="4000">{{ review.reply or '' }}</textarea>
                <div class="help-text">{{ t('review_manager.reply_help') }}</div>
            </div>
            <button type="submit" class="btn btn-primary btn-sm">💾 {{ t('common.save') }}</button>
            {% if review.reply_at %}
            <span class="text-sm text-muted ml-1">{{ review.reply_at|format_datetime }}</span>
            {% endif %}
        </form>
    </div>

    <!-- Metadata -->
    <div class="form-section">
        <h3>ℹ️ {{ t('review_manager.meta_title') }}</h3>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.col_date') }}</div>
            <div class="sd-row__value">{{ review.created_at|format_datetime }}</div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('table.language') }}</div>
            <div class="sd-row__value"><span class="lang-badge">{{ review.language|upper }}</span> {{ review.get_language_name() }}</div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('table.status') }}</div>
            <div class="sd-row__value">
                {% if review.status == 'approved' %}
                <span class="badge badge-success">{{ t('review_manager.status_approved') }}</span>
                {% elif review.status == 'pending' %}
                <span class="badge badge-draft">{{ t('review_manager.status_pending') }}</span>
                {% else %}
                <span class="badge badge-inactive">{{ t('review_manager.status_rejected') }}</span>
                {% endif %}
                {% if review.moderated_at %}
                <span class="text-sm text-muted ml-1">{{ review.moderated_at|format_datetime }}</span>
                {% endif %}
            </div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.meta_ip') }}</div>
            <div class="sd-row__value">{{ review.ip_address or '—' }}</div>
        </div>
        <div class="sd-row">
            <div class="sd-row__label">{{ t('review_manager.meta_ua') }}</div>
            <div class="sd-row__value text-sm text-muted">{{ review.user_agent or '—' }}</div>
        </div>
    </div>

    <!-- Actions -->
    <div class="btn-group">
        {% if review.status != 'approved' %}
        <form method="POST" action="{{ url_for('review_manager.set_status', review_id=review.id) }}" class="d-inline">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <input type="hidden" name="status" value="approved">
            <button type="submit" class="btn btn-primary">✔️ {{ t('review_manager.btn_approve') }}</button>
        </form>
        {% endif %}
        {% if review.status != 'rejected' %}
        <form method="POST" action="{{ url_for('review_manager.set_status', review_id=review.id) }}" class="d-inline">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <input type="hidden" name="status" value="rejected">
            <button type="submit" class="btn btn-secondary">🚫 {{ t('review_manager.btn_reject') }}</button>
        </form>
        {% endif %}
        <form method="POST" action="{{ url_for('review_manager.delete_review', review_id=review.id) }}" class="d-inline rm-delete" data-name="{{ review.author_name|e }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="btn btn-danger">🗑️ {{ t('table.delete') }}</button>
        </form>
    </div>
</div>

<style>
.rm-star { color: var(--adm-border-strong, var(--adm-border-light)); }
.rm-star--on { color: var(--adm-warning, #f59e0b); }
.rm-stars { white-space: nowrap; letter-spacing: 1px; }
.rm-fulltext { white-space: pre-line; overflow-wrap: anywhere; }
</style>

<script>
var RM_CONFIRM = {{ t('review_manager.confirm_delete')|tojson }};
document.querySelectorAll('.rm-delete').forEach(function (form) {
    form.addEventListener('submit', function (e) {
        var msg = RM_CONFIRM.replace('{name}', form.getAttribute('data-name') || '');
        if (!window.confirm(msg)) e.preventDefault();
    });
});
</script>
{% endblock %}