{% extends "base.html" %}

{% block title %}Relatório de Produtos{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="row mb-4">
        <div class="col">
            <a href="{{ url_for('produtos') }}" class="btn btn-outline-secondary mb-2">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
            <h2><i class="fas fa-chart-bar"></i> Relatório de Produtos</h2>
            <p class="text-muted">Análise de vendas, rentabilidade e ranking de produtos</p>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <i class="fas fa-filter"></i> Filtros
        </div>
        <div class="card-body">
            <form method="GET" action="{{ url_for('relatorio_produtos') }}">
                <div class="row">
                    <div class="col-md-3">
                        <label>Data Início:</label>
                        <input type="date" name="data_inicio" class="form-control" 
                               value="{{ data_inicio.strftime('%Y-%m-%d') if data_inicio }}">
                    </div>
                    <div class="col-md-3">
                        <label>Data Fim:</label>
                        <input type="date" name="data_fim" class="form-control" 
                               value="{{ data_fim.strftime('%Y-%m-%d') if data_fim }}">
                    </div>
                    <div class="col-md-3">
                        <label>Empresa:</label>
                        <select name="empresa_id" class="form-control">
                            <option value="">Todas as Empresas</option>
                            {% for empresa in empresas %}
                            <option value="{{ empresa.id }}" {% if empresa_id == empresa.id %}selected{% endif %}>
                                {{ empresa.nome }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>Ordenar por:</label>
                        <select name="ordenacao" class="form-control">
                            <option value="quantidade" {% if ordenacao == 'quantidade' %}selected{% endif %}>Quantidade Vendida</option>
                            <option value="receita" {% if ordenacao == 'receita' %}selected{% endif %}>Receita Mensal</option>
                            <option value="lucro" {% if ordenacao == 'lucro' %}selected{% endif %}>Lucro Mensal</option>
                            <option value="margem" {% if ordenacao == 'margem' %}selected{% endif %}>Margem %</option>
                            <option value="vendas" {% if ordenacao == 'vendas' %}selected{% endif %}>Nº Vendas no Período</option>
                        </select>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-search"></i> Filtrar
                        </button>
                        <a href="{{ url_for('relatorio_produtos') }}" class="btn btn-secondary">
                            <i class="fas fa-redo"></i> Limpar
                        </a>
                        <a href="{{ url_for('relatorio_produtos_pdf', data_inicio=data_inicio.strftime('%Y-%m-%d') if data_inicio else '', data_fim=data_fim.strftime('%Y-%m-%d') if data_fim else '', empresa_id=empresa_id if empresa_id else '', ordenacao=ordenacao) }}" 
                           class="btn btn-danger" target="_blank">
                            <i class="fas fa-file-pdf"></i> Gerar PDF
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Cards de Resumo -->
    <div class="row mb-4">
        <!-- Receita Mensal -->
        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Receita Mensal</h6>
                    <h3 class="card-title text-success">R$ {{ "%.2f"|format(total_receita_mensal) }}</h3>
                    <small>{{ total_contratos }} contratos ativos</small>
                </div>
            </div>
        </div>

        <!-- Lucro Mensal -->
        <div class="col-md-3">
            <div class="card border-primary">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Lucro Mensal</h6>
                    <h3 class="card-title text-primary">R$ {{ "%.2f"|format(total_lucro_mensal) }}</h3>
                    <small>Margem: {{ "%.1f"|format(margem_media) }}%</small>
                </div>
            </div>
        </div>

        <!-- Receita Anual (Projeção) -->
        <div class="col-md-3">
            <div class="card border-info">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Receita Anual (Projeção)</h6>
                    <h3 class="card-title text-info">R$ {{ "%.2f"|format(total_receita_anual) }}</h3>
                    <small>{{ total_quantidade }} produtos/serviços</small>
                </div>
            </div>
        </div>

        <!-- Lucro Anual (Projeção) -->
        <div class="col-md-3">
            <div class="card border-warning">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Lucro Anual (Projeção)</h6>
                    <h3 class="card-title text-warning">R$ {{ "%.2f"|format(total_lucro_anual) }}</h3>
                    <small>Baseado em contratos ativos</small>
                </div>
            </div>
        </div>
    </div>

    <!-- Cards de Período -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card border-secondary">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Vendas no Período</h6>
                    <h3 class="card-title">{{ total_vendas_periodo }}</h3>
                    <small>De {{ data_inicio.strftime('%d/%m/%Y') }} a {{ data_fim.strftime('%d/%m/%Y') }}</small>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-secondary">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Receita Faturada</h6>
                    <h3 class="card-title">R$ {{ "%.2f"|format(total_receita_periodo) }}</h3>
                    <small>Período selecionado</small>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Receita Recebida</h6>
                    <h3 class="card-title text-success">R$ {{ "%.2f"|format(total_recebido_periodo) }}</h3>
                    <small>
                        {% if total_receita_periodo > 0 %}
                        {{ "%.1f"|format(total_recebido_periodo / total_receita_periodo * 100) }}% recebido
                        {% else %}
                        0% recebido
                        {% endif %}
                    </small>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Juros e Multas</h6>
                    <h3 class="card-title text-success">R$ {{ "%.2f"|format(total_juros_multas) }}</h3>
                    <small>Receitas extras</small>
                </div>
            </div>
        </div>
    </div>

    <!-- TOP 5 Rankings -->
    <div class="row mb-4">
        <!-- TOP 5 Mais Vendidos -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-warning text-dark">
                    <i class="fas fa-trophy"></i> TOP 5 Mais Vendidos
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Produto</th>
                                <th class="text-end">Qtd</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in top5_mais_vendidos %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ item.produto.nome }}</td>
                                <td class="text-end"><strong>{{ item.quantidade_vendida }}</strong></td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted">Nenhuma venda no período</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- TOP 5 Mais Rentáveis -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-success text-white">
                    <i class="fas fa-dollar-sign"></i> TOP 5 Mais Rentáveis
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Produto</th>
                                <th class="text-end">Lucro/Mês</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in top5_mais_rentaveis %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ item.produto.nome }}</td>
                                <td class="text-end text-success">
                                    <strong>R$ {{ "%.2f"|format(item.lucro_total) }}</strong>
                                </td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted">Nenhuma venda no período</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- TOP 5 Maior Margem -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header bg-info text-white">
                    <i class="fas fa-chart-line"></i> TOP 5 Maior Receita
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Produto</th>
                                <th class="text-end">Receita</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in top5_maior_receita %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ item.produto.nome }}</td>
                                <td class="text-end text-success">
                                    <strong>R$ {{ "%.2f"|format(item.receita_total) }}</strong>
                                </td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted">Nenhuma venda no período</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela Detalhada de Produtos -->
    <div class="card">
        <div class="card-header bg-dark text-white">
            <i class="fas fa-table"></i> Análise Detalhada de Produtos
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-striped">
                    <thead class="table-dark">
                        <tr>
                            <th>Produto<br><small class="text-muted">Nome do produto/serviço</small></th>
                            <th>Tipo<br><small class="text-muted">Produto ou Serviço</small></th>
                            <th class="text-center">Contratos<br><small class="text-muted">Quantidade de contratos ativos</small></th>
                            <th class="text-center">Qtd Total<br><small class="text-muted">Soma de todas as quantidades</small></th>
                            <th class="text-end">Valor Venda<br><small class="text-muted">Preço unitário cadastrado</small></th>
                            <th class="text-end">Custo<br><small class="text-muted">Custo operacional unitário</small></th>
                            <th class="text-end">Receita/Mês<br><small class="text-muted">Total de receita mensal</small></th>
                            <th class="text-end">Lucro/Mês<br><small class="text-muted">Receita menos custos</small></th>
                            <th class="text-center">Margem %<br><small class="text-muted">Percentual de lucro</small></th>
                            <th class="text-end">Receita Anual<br><small class="text-muted">Projeção anual (x12)</small></th>
                            <th class="text-center">Vendas Período<br><small class="text-muted">Vendas no período filtrado</small></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in produtos %}
                        <tr>
                            <td><strong>{{ item.produto.nome }}</strong></td>
                            <td>
                                <span class="badge bg-secondary">{{ item.produto.tipo or 'Produto' }}</span>
                            </td>
                            <td class="text-center">-</td>
                            <td class="text-center"><strong>{{ item.quantidade_vendida }}</strong></td>
                            <td class="text-end">R$ {{ "%.2f"|format(item.produto.preco_venda) }}</td>
                            <td class="text-end text-danger">R$ {{ "%.2f"|format(item.produto.preco_custo or 0) }}</td>
                            <td class="text-end text-success">
                                <strong>R$ {{ "%.2f"|format(item.receita_total) }}</strong>
                            </td>
                            <td class="text-end text-primary">
                                <strong>R$ {{ "%.2f"|format(item.lucro_total) }}</strong>
                            </td>
                            <td class="text-center">
                                {% if item.margem_percentual >= 30 %}
                                <span class="badge bg-success">{{ "%.1f"|format(item.margem_percentual) }}%</span>
                                {% elif item.margem_percentual >= 15 %}
                                <span class="badge bg-warning text-dark">{{ "%.1f"|format(item.margem_percentual) }}%</span>
                                {% else %}
                                <span class="badge bg-danger">{{ "%.1f"|format(item.margem_percentual) }}%</span>
                                {% endif %}
                            </td>
                            <td class="text-end text-info">
                                <strong>R$ {{ "%.2f"|format(item.receita_total * 12) }}</strong>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-dark">{{ item.num_vendas }}</span>
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="11" class="text-center text-muted py-4">Nenhum produto vendido no período</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                    <tfoot class="table-secondary">
                        <tr>
                            <th colspan="2">TOTAIS</th>
                            <th class="text-center">{{ total_contratos }}</th>
                            <th class="text-center"><strong>{{ total_quantidade }}</strong></th>
                            <th colspan="2"></th>
                            <th class="text-end text-success">
                                <strong>R$ {{ "%.2f"|format(total_receita_mensal) }}</strong>
                            </th>
                            <th class="text-end text-primary">
                                <strong>R$ {{ "%.2f"|format(total_lucro_mensal) }}</strong>
                            </th>
                            <th class="text-center">
                                <strong>{{ "%.1f"|format(margem_media) }}%</strong>
                            </th>
                            <th class="text-end text-info">
                                <strong>R$ {{ "%.2f"|format(total_receita_anual) }}</strong>
                            </th>
                            <th class="text-center">
                                <span class="badge bg-dark">{{ total_vendas_periodo }}</span>
                            </th>
                        </tr>
                    </tfoot>
                </table>
            </div>

            {% if produtos|length == 0 %}
            <div class="alert alert-warning text-center">
                <i class="fas fa-exclamation-triangle"></i>
                Nenhum produto encontrado com os filtros selecionados.
            </div>
            {% endif %}
        </div>
    </div>

    <!-- Legenda -->
    <div class="card mt-4">
        <div class="card-body">
            <h6><i class="fas fa-info-circle"></i> Legenda:</h6>
            <ul class="list-unstyled mb-0">
                <li><strong>Contratos:</strong> Quantidade de contratos ativos com o produto</li>
                <li><strong>Qtd Total:</strong> Soma das quantidades de todos os contratos</li>
                <li><strong>Receita/Mês:</strong> Receita mensal recorrente baseada nos contratos ativos</li>
                <li><strong>Lucro/Mês:</strong> Lucro mensal (Receita - Custo de Operação)</li>
                <li><strong>Margem %:</strong> Percentual de lucro sobre a receita</li>
                <li><strong>Receita Anual:</strong> Projeção anual baseada na receita mensal</li>
                <li><strong>Vendas Período:</strong> Quantidade de vendas/faturas no período filtrado</li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}