{% extends "lte/with_sidebar.html" %}
{% load form_tags rsl_i18n %}

{% block title %}{% _ 'my_reviews' %}{% endblock %}

{% block sidebar %}
<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column">
        <li class="nav-item">
            <a href="{% url 'reviews:index' %}" class="nav-link active">
                <i class="nav-icon fas fa-book"></i><p>{% _ 'my_reviews' %}</p>
            </a>
        </li>
        <li class="nav-item">
            <a href="{% url 'invites:list' %}" class="nav-link">
                <i class="nav-icon fas fa-envelope"></i><p>{% _ 'invites' %}</p>
            </a>
        </li>
    </ul>
</nav>
{% endblock %}

{% block content %}
<div class="callout callout-info">
    <h5><i class="fas fa-flask"></i> Revisão de demonstração</h5>
    <p class="mb-2">
        Explore um exemplo completo (bases, protocolo, strings, artigos, triagem, qualidade e extração).
        Conta: <strong>demo@example.com</strong> · senha: <strong>demo123</strong>
    </p>
    <a href="{% url 'accounts:login' %}?next={% url 'reviews:index' %}" class="btn btn-sm btn-info mr-2">Entrar como demo</a>
    <span class="text-muted small">ou use sua conta se você for coautor da revisão «revisao-demonstracao».</span>
</div>
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">{% _ 'my_reviews' %}</h1></div>
            <div class="col-sm-6 text-end">
                <a href="{% url 'reviews:create' %}" class="btn btn-primary"><i class="fas fa-plus"></i> Nova revisão</a>
            </div>
        </div>
    </div>
</div>
{% if reviews %}
<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead><tr><th>Título</th><th>Atualização</th><th>Status</th><th></th></tr></thead>
            <tbody>
            {% for review in reviews %}
            <tr>
                <td>
                    <strong>{{ review.title }}</strong>
                    {% if review.is_demo %}
                    <span class="badge badge-success ml-1">DEMO</span>
                    {% endif %}
                    <br>
                    <small class="text-muted">{{ review.owner.username }}/{{ review.slug }}</small>
                </td>
                <td>{{ review.updated_at|date:"d/m/Y" }}</td>
                <td><span class="badge badge-info">{% if review.publish_status == 'P' %}Publicada{% else %}Rascunho{% endif %}</span></td>
                <td>
                    <a href="{% url 'reviews:detail' review.id %}" class="btn btn-sm btn-primary">Abrir</a>
                    {% if review.is_demo and review.is_public %}
                    <a href="{% url 'core:public_review' username=review.owner.username review_slug=review.slug %}" class="btn btn-sm btn-outline-secondary" target="_blank">Pública</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% else %}
<div class="card">
    <div class="card-body text-center py-5">
        <p class="text-muted">Você ainda não tem revisões.</p>
        <a href="{% url 'reviews:create' %}" class="btn btn-primary">Criar primeira revisão</a>
    </div>
</div>
{% endif %}
{% endblock %}