{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/dashboard.css" %}">{% endblock %}

{% block coltype %}colMS{% endblock %}

{% block bodyclass %}{{ block.super }} dashboard{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block nav-sidebar %}{% include "admin/nav_sidebar.html" %}{% endblock %}

{% block content %}
<div id="content-main">
  {% include "admin/app_list.html" with app_list=app_list show_changelinks=True %}
  
  <!-- Estatísticas Personalizadas -->
  <div class="module">
    <h2>📊 Estatísticas do Sistema Allure</h2>
    
    <div class="row">
      <div class="col-md-3">
        <div class="stat-card">
          <h3>{{ total_modelos }}</h3>
          <p>Total de Modelos</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card warning">
          <h3>{{ modelos_cadastro_inicial }}</h3>
          <p>Cadastro Inicial</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card danger">
          <h3>{{ modelos_pendente_pagamento }}</h3>
          <p>Pendente Pagamento</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card success">
          <h3>{{ modelos_ativas }}</h3>
          <p>Modelos Ativas</p>
        </div>
      </div>
    </div>
    
    <div class="row mt-3">
      <div class="col-md-3">
        <div class="stat-card info">
          <h3>{{ pagamentos_pendentes }}</h3>
          <p>Pagamentos Pendentes</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card warning">
          <h3>{{ modelos_premium }}</h3>
          <p>Modelos Premium</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card success">
          <h3>{{ boost_ativos }}</h3>
          <p>Boost Ativos</p>
        </div>
      </div>
      
      <div class="col-md-3">
        <div class="stat-card">
          <h3>{{ modelos_pendentes }}</h3>
          <p>Total Pendentes</p>
        </div>
      </div>
    </div>
    
    <!-- Ações Rápidas -->
    <div class="mt-4">
      <h3>⚡ Ações Rápidas</h3>
      <div class="action-buttons">
        <a href="{% url 'admin:models_modelo_changelist' %}?status__exact=cadastro_inicial" class="btn btn-warning">
          <i class="fas fa-user-plus"></i> Ver Cadastros Iniciais
        </a>
        
        <a href="{% url 'admin:models_modelo_changelist' %}?status__exact=pendente_pagamento" class="btn btn-danger">
          <i class="fas fa-credit-card"></i> Ver Pendentes Pagamento
        </a>
        
        <a href="{% url 'admin:payments_transacaopagamento_changelist' %}?status__exact=pendente" class="btn btn-info">
          <i class="fas fa-clock"></i> Ver Transações Pendentes
        </a>
        
        <a href="{% url 'admin:models_planoanuncio_changelist' %}" class="btn btn-success">
          <i class="fas fa-crown"></i> Gerenciar Planos
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block sidebar %}
<div id="content-related">
    <div class="module" id="recent-actions-module">
        <h2>{% trans 'Recent actions' %}</h2>
        {% load log %}
        {% get_admin_log 10 as admin_log for_user user %}
        {% if not admin_log %}
        <p>{% trans 'None available' %}</p>
        {% else %}
        <ul class="actionlist">
        {% for entry in admin_log %}
        <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %}">
            {% if entry.is_deletion or not entry.get_admin_url %}
                {{ entry.object_repr }}
            {% else %}
                <a href="{{ entry.get_admin_url }}">{{ entry.object_repr }}</a>
            {% endif %}
            <br>
            {% if entry.content_type %}
                <span class="mini quiet">{% filter capfirst %}{{ entry.content_type.name }}{% endfilter %}</span>
            {% else %}
                <span class="mini quiet">{% trans 'Unknown content' %}</span>
            {% endif %}
        </li>
        {% endfor %}
        </ul>
        {% endif %}
    </div>
</div>
{% endblock %}

<style>
.stat-card {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1rem;
}

.stat-card h3 {
    font-size: 2rem;
    margin: 0;
    color: #495057;
}

.stat-card p {
    margin: 0.5rem 0 0 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.stat-card.warning {
    background: #fff3cd;
    border-color: #ffeaa7;
}

.stat-card.warning h3 {
    color: #856404;
}

.stat-card.danger {
    background: #f8d7da;
    border-color: #f5c6cb;
}

.stat-card.danger h3 {
    color: #721c24;
}

.stat-card.success {
    background: #d4edda;
    border-color: #c3e6cb;
}

.stat-card.success h3 {
    color: #155724;
}

.stat-card.info {
    background: #d1ecf1;
    border-color: #bee5eb;
}

.stat-card.info h3 {
    color: #0c5460;
}

.action-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.action-buttons .btn {
    padding: 0.5rem 1rem;
    text-decoration: none;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

.btn-warning {
    background-color: #ffc107;
}

.btn-danger {
    background-color: #dc3545;
}

.btn-info {
    background-color: #17a2b8;
}

.btn-success {
    background-color: #28a745;
}

.btn:hover {
    opacity: 0.8;
    color: white;
    text-decoration: none;
}
</style>