{% extends "base.html" %}
{% load rsl_i18n %}

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

{% block content %}
<div class="row">
    <div class="col-lg-8">
        <div class="card card-primary">
            <div class="card-body">
                <h1 class="h2">Realize revisões sistemáticas da literatura</h1>
                <p class="lead">
                    Conduzir uma revisão sistemática exige muito trabalho do pesquisador.
                    O <strong>{% _ 'app_name' %}</strong> ajuda no planejamento, na condução e no relatório da revisão.
                </p>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card card-outline card-success mb-3">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-flask"></i> Demonstração</h3></div>
            <div class="card-body">
                <p class="text-muted small mb-2">
                    Revisão já preenchida com bases, protocolo, artigos, triagem, qualidade e extração.
                </p>
                <p class="small mb-2"><strong>demo@example.com</strong> / <strong>demo123</strong></p>
                <a href="{% url 'accounts:login' %}" class="btn btn-success btn-block btn-sm">Entrar e explorar</a>
            </div>
        </div>
        <div class="card card-outline card-primary">
            <div class="card-header"><h3 class="card-title">Cadastre-se</h3></div>
            <div class="card-body">
                <p class="text-muted">Crie uma conta para iniciar sua revisão sistemática.</p>
                <a href="{% url 'accounts:signup' %}" class="btn btn-primary btn-block">{% _ 'signup' %}</a>
                <p class="text-center text-muted mt-3 mb-0 small">
                    Já tem conta? <a href="{% url 'accounts:login' %}">{% _ 'login' %}</a>
                </p>
            </div>
        </div>
    </div>
</div>
<div class="row mt-3">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h3 class="h5"><i class="fas fa-users text-primary"></i> Colaboração distribuída</h3>
                <p class="small text-muted mb-0">Vários pesquisadores podem trabalhar na mesma revisão, sem limite de autores.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h3 class="h5"><i class="fas fa-globe text-primary"></i> Informações extras</h3>
                <p class="small text-muted mb-0">Publique strings de busca, protocolo detalhado e demais dados da revisão.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h3 class="h5"><i class="fas fa-layer-group text-primary"></i> Estudos terciários</h3>
                <p class="small text-muted mb-0">Suporte a revisões sistemáticas de estudos secundários.</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}