{% extends "base.html" %}

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

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-chart-line"></i> Relatório de Vendas</h2>
        <a href="{{ url_for('vendas') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left"></i> Voltar
        </a>
    </div>

    {# Filtros #}
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Data Início</label>
                    <input type="date" class="form-control" name="data_inicio" 
                           value="{{ data_inicio.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Data Fim</label>
                    <input type="date" class="form-control" name="data_fim" 
                           value="{{ data_fim.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="" {% if not status_filtro %}selected{% endif %}>Todos</option>
                        <option value="aberto" {% if status_filtro == 'aberto' %}selected{% endif %}>Aberto</option>
                        <option value="digitacao" {% if status_filtro == 'digitacao' %}selected{% endif %}>Digitação</option>
                        <option value="fechado" {% if status_filtro == 'fechado' %}selected{% endif %}>Fechado</option>
                        <option value="recebido" {% if status_filtro == 'recebido' %}selected{% endif %}>Recebido</option>
                        <option value="faturado" {% if status_filtro == 'faturado' %}selected{% endif %}>Faturado</option>
                        <option value="entregue" {% if status_filtro == 'entregue' %}selected{% endif %}>Entregue</option>
                        <option value="cancelado" {% if status_filtro == 'cancelado' %}selected{% endif %}>Cancelado</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Classificação</label>
                    <select name="classificar" class="form-select">
                        <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                        <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                        <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Ordem</label>
                    <select name="ordem" class="form-select">
                        <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                        <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Origem</label>
                    <select name="origem" class="form-select">
                        <option value="" {% if not origem_filtro %}selected{% endif %}>Todas</option>
                        <option value="food" {% if origem_filtro == 'food' %}selected{% endif %}>🍔 Food (Todas)</option>
                        <option value="food_mesa" {% if origem_filtro == 'food_mesa' %}selected{% endif %}>🪑 Food Mesas</option>
                        <option value="food_balcao" {% if origem_filtro == 'food_balcao' %}selected{% endif %}>🛒 Food Balcão</option>
                        <option value="food_delivery" {% if origem_filtro == 'food_delivery' %}selected{% endif %}>🛵 Food Delivery</option>
                        <option value="pdv" {% if origem_filtro == 'pdv' %}selected{% endif %}>💻 PDV Desktop</option>
                        <option value="web" {% if origem_filtro == 'web' %}selected{% endif %}>🌐 Web</option>
                    </select>
                </div>
                <div class="col-md-2 d-flex align-items-end gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-filter"></i> Filtrar
                    </button>
                    <button type="submit" name="formato" value="excel" class="btn btn-success">
                        <i class="fas fa-file-excel"></i>
                    </button>
                    <button type="submit" name="formato" value="pdf" class="btn btn-danger">
                        <i class="fas fa-file-pdf"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>

    {# Resumo #}
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body">
                    <h6 class="card-title">Total de Vendas</h6>
                    <h3>{{ total_vendas }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <h6 class="card-title">Faturado</h6>
                    <h3>R$ {{ "%.2f"|format(total_faturado) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <h6 class="card-title">Abertas</h6>
                    <h3>{{ vendas_abertas }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <h6 class="card-title">Faturadas</h6>
                    <h3>{{ vendas_faturadas }}</h3>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card bg-danger text-white">
                <div class="card-body">
                    <h6 class="card-title">Canceladas</h6>
                    <h3>{{ vendas_canceladas }}</h3>
                </div>
            </div>
        </div>
    </div>

    {# Detalhamento #}
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Vendas do Período</h5>
        </div>
        <div class="card-body">
            {% if vendas %}
            <div class="table-responsive">
                <table class="table table-hover table-sm">
                    <thead class="table-dark">
                        <tr>
                            <th>Número</th>
                            <th>Data</th>
                            <th>Cliente</th>
                            <th>Pagamentos</th>
                            <th>Doc. Fiscal</th>
                            <th class="text-end">Desconto</th>
                            <th class="text-end">Valor</th>
                            <th>Status</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for venda in vendas %}
                        <tr>
                            <td><strong>{{ venda.numero_pedido }}</strong></td>
                            <td>{{ venda.data_venda.strftime('%d/%m/%Y') }}</td>
                            <td>{{ venda.get_cliente_nome() }}</td>
                            <td>
                                <small class="text-muted">{{ venda._pagamento_resumo or '-' }}</small>
                            </td>
                            <td>
                                {% if venda.numero_documento %}
                                    {% if venda.tipo_documento == 65 %}
                                        <span class="badge bg-info">NFC-e {{ venda.numero_documento }}</span>
                                    {% elif venda.tipo_documento == 55 %}
                                        <span class="badge bg-primary">NF-e {{ venda.numero_documento }}</span>
                                    {% else %}
                                        <span class="badge bg-secondary">{{ venda.numero_documento }}</span>
                                    {% endif %}
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td class="text-end">
                                {% if venda.valor_desconto and venda.valor_desconto > 0 %}
                                    <span class="text-danger">R$ {{ "%.2f"|format(venda.valor_desconto) }}</span>
                                {% else %}
                                    <span class="text-muted">-</span>
                                {% endif %}
                            </td>
                            <td class="text-end"><strong>R$ {{ "%.2f"|format(venda.valor_total) }}</strong></td>
                            <td>
                                {% if venda.status == 'aberto' %}
                                    <span class="badge bg-warning">Aberto</span>
                                {% elif venda.status == 'faturado' %}
                                    <span class="badge bg-success">Faturado</span>
                                {% elif venda.status == 'recebido' %}
                                    <span class="badge bg-primary">Recebido</span>
                                {% elif venda.status == 'entregue' %}
                                    <span class="badge bg-info">Entregue</span>
                                {% elif venda.status == 'cancelado' %}
                                    <span class="badge bg-danger">Cancelado</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ venda.status|default('Desconhecido')|replace('_', ' ')|title }}</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                {% if venda.id %}
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for('venda_unificada', id=venda.id) }}" class="btn btn-outline-primary" title="Abrir Venda">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ url_for('imprimir_venda', id=venda.id) }}" class="btn btn-outline-secondary" title="Imprimir Venda" target="_blank">
                                            <i class="fas fa-print"></i>
                                        </a>
                                        {% if venda.numero_documento and venda.nota_fiscal_id %}
                                        <a href="{{ url_for('fiscal_imprimir_danfe', nota_id=venda.nota_fiscal_id) }}" class="btn btn-outline-success" title="Imprimir DANFE" target="_blank">
                                            <i class="fas fa-file-invoice"></i>
                                        </a>
                                        {% endif %}
                                    </div>
                                {% else %}
                                    <span class="badge bg-warning text-dark">Origem: Venda Guardada</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i> Nenhuma venda encontrada no período.
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}