{% extends "admin/layout.html" %}
{% block admin_title %}Review #{{ review.id_val() }}{% endblock admin_title %}

{% block content %}
<h1>Review #{{ review.id_val() }}</h1>

<table>
    <tr><th>{{ t.reviews_status }}</th><td><span class="badge {{ review.status_badge_class() }}">{{ review.status_str() }}</span></td></tr>
    <tr><th>{{ t.reviews_type }}</th><td>{{ review.review_type_str() }}</td></tr>
    <tr><th>{{ t.reviews_input_path }}</th><td style="word-break:break-all;">{{ review.input_path_str() }}</td></tr>
    <tr><th>{{ t.reviews_confidence }}</th><td>{% match review.confidence() %}{% when Some with (c) %}{{ c }}{% when None %}-{% endmatch %}</td></tr>
    <tr><th>{{ t.reviews_created }}</th><td>{{ review.created_at_str() }}</td></tr>
    {% match stats %}
    {% when Some with (s) %}
    <tr><th>{{ t.reviews_model }}</th><td>{{ s.model_name_str() }}</td></tr>
    <tr><th>{{ t.reviews_llm_duration }}</th><td>{{ s.duration_display() }}</td></tr>
    <tr><th>{{ t.reviews_tokens }}</th><td>{{ s.tokens_display() }}</td></tr>
    {% when None %}
    {% endmatch %}
</table>

{% if !error_message.is_empty() %}
<div style="margin: 1rem 0; padding: 1rem; background: #f8d7da; color: #721c24; border-radius: 6px;">
    <strong>{{ t.reviews_error }}:</strong> {{ error_message }}
</div>
{% endif %}

{% if review.status_str() == "pending" %}
<h2>{{ t.reviews_result }}</h2>
<form method="post" action="/admin/reviews/{{ review.id_val() }}/approve" style="margin: 1rem 0;">
    <table>
        <tr>
            <td><label for="artist">Artist</label></td>
            <td><input name="artist" id="artist" value="{{ edit.artist }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="album">Album</label></td>
            <td><input name="album" id="album" value="{{ edit.album }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="title">Title</label></td>
            <td><input name="title" id="title" value="{{ edit.title }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="year">Year</label></td>
            <td><input name="year" id="year" type="number" min="0" max="3000" value="{{ edit.year }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="track_number">Track</label></td>
            <td><input name="track_number" id="track_number" type="number" min="0" value="{{ edit.track_number }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="genre">Genre</label></td>
            <td><input name="genre" id="genre" value="{{ edit.genre }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="featured_artists">Featured artists</label></td>
            <td><input name="featured_artists" id="featured_artists" value="{{ edit.featured_artists }}" style="width:100%"></td>
        </tr>
        <tr>
            <td><label for="release_type">{{ t.releases_type }}</label></td>
            <td>
                <select name="release_type" id="release_type" style="width:100%; padding:.4rem;">
                    {% for rt in release_types %}
                    <option value="{{ rt.0 }}"{% if edit.release_type == rt.0 %} selected{% endif %}>{% if lang_code == "ru" %}{{ rt.2 }}{% else %}{{ rt.1 }}{% endif %} ({{ rt.0 }})</option>
                    {% endfor %}
                </select>
            </td>
        </tr>
        <tr>
            <td><label for="notes">Notes</label></td>
            <td><textarea name="notes" id="notes" style="width:100%; min-height:4rem;">{{ edit.notes }}</textarea></td>
        </tr>
    </table>
    <button type="submit" style="margin-top:1rem; padding:.4rem 1rem; background:#28a745; color:#fff; border:none; border-radius:4px; cursor:pointer;">{{ t.reviews_approve }}</button>
</form>
<div style="margin: 1rem 0; display: flex; gap: .5rem;">
    <form method="post" action="/admin/reviews/{{ review.id_val() }}/reject" style="display:inline;">
        <button type="submit" style="padding:.4rem 1rem; background:#dc3545; color:#fff; border:none; border-radius:4px; cursor:pointer;">{{ t.reviews_reject }}</button>
    </form>
</div>
{% else %}
<div style="margin: 1rem 0; display: flex; gap: .5rem;">
    {% if review.status_str() == "failed" || review.status_str() == "processing" %}
    <form method="post" action="/admin/reviews/{{ review.id_val() }}/requeue" style="display:inline;" onsubmit="return confirm('{{ t.reviews_requeue_confirm }}');">
        <button type="submit" style="padding:.4rem 1rem; background:#17a2b8; color:#fff; border:none; border-radius:4px; cursor:pointer;">{{ t.reviews_requeue }}</button>
    </form>
    {% endif %}
</div>
{% endif %}

{% if !context_pretty.is_empty() %}
<h2>{{ t.reviews_context }}</h2>
<pre style="background:#f4f4f4; padding:1rem; border-radius:6px; overflow-x:auto; font-size:.85rem;">{{ context_pretty }}</pre>
{% endif %}

{% if !result_pretty.is_empty() && review.status_str() != "pending" %}
<h2>{{ t.reviews_result }}</h2>
<pre style="background:#f4f4f4; padding:1rem; border-radius:6px; overflow-x:auto; font-size:.85rem;">{{ result_pretty }}</pre>
{% endif %}

<p style="margin-top:1rem;"><a href="/admin/reviews">&larr; {{ t.reviews_back_to_list }}</a></p>

<style>
    .badge-completed { background: #d4edda; color: #155724; }
    .badge-failed { background: #f8d7da; color: #721c24; }
    .badge-pending { background: #fff3cd; color: #856404; }
    .badge-queued { background: #d1ecf1; color: #0c5460; }
    .badge-processing { background: #cce5ff; color: #004085; }
</style>
{% endblock content %}