{% extends "base.html" %}

{% block title %}Dashboard - GWG Intranet{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1><i class="bi bi-speedometer2"></i> Dashboard</h1>
</div>

<!-- Cards de Resumo -->
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="card card-gwg h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title text-muted">Solicitações Comerciais</h5>
                        <h2 class="mb-0">{{ total_comercial }}</h2>
                    </div>
                    <div class="text-primary">
                        <i class="bi bi-briefcase fs-1"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-3 mb-3">
        <div class="card card-gwg h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title text-muted">Solicitações de Compra</h5>
                        <h2 class="mb-0">{{ total_compra }}</h2>
                    </div>
                    <div class="text-primary">
                        <i class="bi bi-basket fs-1"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    {% if user.nivel == 'admin' %}
    <div class="col-md-3 mb-3">
        <div class="card card-gwg h-100 border-warning">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title text-warning">Cadastros Pendentes</h5>
                        <h2 class="mb-0 text-warning">{{ pendentes_aprovacao }}</h2>
                    </div>
                    <div class="text-warning">
                        <i class="bi bi-person-check fs-1"></i>
                    </div>
                </div>
            </div>
            {% if pendentes_aprovacao > 0 %}
            <div class="card-footer bg-warning bg-opacity-25">
                <a href="{{ url_for('admin_usuarios') }}" class="text-decoration-none">
                    <i class="bi bi-arrow-right"></i> Aprovar agora
                </a>
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}
</div>

<!-- Solicitações Recentes -->
<div class="row">
    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0"><i class="bi bi-briefcase"></i> Comerciais Recentes</h5>
                <a href="{{ url_for('listar_solicitacoes_comercial') }}" class="btn btn-sm btn-outline-primary">Ver todas</a>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Cliente</th>
                                <th>Cidade</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for s in recentes_comercial %}
                            <tr>
                                <td>{{ s.cliente_nome[:30] }}{% if s.cliente_nome|length > 30 %}...{% endif %}</td>
                                <td>{{ s.cliente_cidade }}</td>
                                <td>
                                    <span class="badge bg-{% if s.status == 'aprovada' %}success{% elif s.status == 'pendente' %}warning{% elif s.status == 'recusada' %}danger{% else %}info{% endif %}">
                                        {{ s.status.replace('_', ' ').title() }}
                                    </span>
                                </td>
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="3" class="text-center text-muted py-3">Nenhuma solicitação ainda.</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-6 mb-4">
        <div class="card shadow-sm">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0"><i class="bi bi-basket"></i> Compras Recentes</h5>
                <a href="{{ url_for('listar_solicitacoes_compra') }}" class="btn btn-sm btn-outline-primary">Ver todas</a>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Item</th>
                                <th>Qtd</th>
                                <th>Urgência</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for s in recentes_compra %}
                            <tr>
                                <td>{{ s.item_descricao[:25] }}{% if s.item_descricao|length > 25 %}...{% endif %}</td>
                                <td>{{ s.quantidade }}</td>
                                <td>
                                    <span class="badge bg-{% if s.urgencia == 'urgente' %}danger{% elif s.urgencia == 'alta' %}warning{% else %}secondary{% endif %}">
                                        {{ s.urgencia.title() }}
                                    </span>
                                </td>
                            </tr>
                            {% else %}
                            <tr>
                                <td colspan="3" class="text-center text-muted py-3">Nenhuma solicitação ainda.</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Ações Rápidas -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5><i class="bi bi-lightning"></i> Ações Rápidas</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4 mb-2">
                        <a href="{{ url_for('nova_solicitacao_comercial') }}" class="btn btn-gwg w-100">
                            <i class="bi bi-plus-circle"></i> Nova Solicitação Comercial
                        </a>
                    </div>
                    
                    <div class="col-md-4 mb-2">
                        <a href="{{ url_for('nova_solicitacao_compra') }}" class="btn btn-gwg w-100">
                            <i class="bi bi-plus-circle"></i> Nova Solicitação de Compra
                        </a>
                    </div>
                    
                    {% if user.nivel == 'admin' %}
                    <div class="col-md-4 mb-2">
                        <a href="{{ url_for('admin_usuarios') }}" class="btn btn-outline-primary w-100">
                            <i class="bi bi-people"></i> Gerenciar Usuários
                        </a>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}