{% extends 'base.html' %}
{% import 'macros/empresa.html' as empresa_ui %}

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

{% block content %}
<div class="container-fluid">
    <h2><i class="bi bi-journal-text"></i> Relatório de Caixa</h2>

    <form method="GET" class="row g-3 mb-3">
        <div class="col-md-3">
            <label class="form-label">Empresa</label>
            <select name="empresa_id" class="form-select">
                {% for empresa in empresas_disponiveis %}
                <option value="{{ empresa.id }}" {% if empresa_id_selecionada == empresa.id %}selected{% endif %}>
                    {{ empresa_ui.nome(empresa) }}
                </option>
                {% endfor %}
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Data Início</label>
            <input type="date" name="data_inicio" class="form-control" value="{{ request.args.get('data_inicio', '') }}">
        </div>
        <div class="col-md-3">
            <label class="form-label">Data Fim</label>
            <input type="date" name="data_fim" class="form-control" value="{{ request.args.get('data_fim', '') }}">
        </div>
        <div class="col-md-2">
            <label class="form-label">Classificar</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-6 align-self-end">
            <button class="btn btn-primary">Filtrar</button>
            {% if movimentos %}
                <a href="{{ url_for('caixa_relatorio') }}?export=csv&empresa_id={{ empresa_id_selecionada or '' }}&data_inicio={{ request.args.get('data_inicio','') }}&data_fim={{ request.args.get('data_fim','') }}&classificar={{ classificar }}&ordem={{ ordem }}" class="btn btn-outline-success"><i class="bi bi-file-earmark-excel"></i> Exportar CSV</a>
            <button onclick="window.print();" class="btn btn-outline-info"><i class="bi bi-printer"></i> Imprimir</button>
            {% endif %}
        </div>
    </form>

    {% if movimentos is defined and movimentos %}
    
    {# Cards de Totais #}
    <div class="row mb-3">
        <div class="col-md-4">
            <div class="card border-success">
                <div class="card-body text-center">
                    <h6 class="card-title text-success">TOTAL ENTRADAS</h6>
                    <h3 class="text-success">R$ {{ "%.2f"|format(total_entradas) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-danger">
                <div class="card-body text-center">
                    <h6 class="card-title text-danger">TOTAL SAÍDAS</h6>
                    <h3 class="text-danger">R$ {{ "%.2f"|format(total_saidas) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-primary">
                <div class="card-body text-center">
                    <h6 class="card-title text-primary">SALDO</h6>
                    <h3 class="text-primary">R$ {{ "%.2f"|format(saldo_total) }}</h3>
                </div>
            </div>
        </div>
    </div>

    {# DETALHAMENTO POR TIPO DE OPERAÇÃO #}
    <div class="card mb-3">
        <div class="card-header bg-success text-white">
            <h6 class="mb-0"><i class="bi bi-bar-chart"></i> Detalhamento de Entradas por Tipo de Operação</h6>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3 mb-2">
                    <div class="border border-success rounded p-3 text-center">
                        <small class="text-muted d-block">Venda de Produtos</small>
                        <h4 class="text-success mb-0">R$ {{ "%.2f"|format(total_venda_produtos) }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-2">
                    <div class="border border-success rounded p-3 text-center">
                        <small class="text-muted d-block">Recebimento de Contratos</small>
                        <h4 class="text-success mb-0">R$ {{ "%.2f"|format(total_receb_contratos) }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-2">
                    <div class="border border-success rounded p-3 text-center">
                        <small class="text-muted d-block">Recebimento de Serviços (OS)</small>
                        <h4 class="text-success mb-0">R$ {{ "%.2f"|format(total_receb_servicos) }}</h4>
                    </div>
                </div>
                <div class="col-md-3 mb-2">
                    <div class="border border-secondary rounded p-3 text-center">
                        <small class="text-muted d-block">Outras Entradas</small>
                        <h4 class="text-secondary mb-0">R$ {{ "%.2f"|format(total_outras_entradas) }}</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# Totais por Forma de Pagamento #}
    {% if totais_por_forma %}
    <div class="card mb-3">
        <div class="card-header bg-info text-white">
            <h6 class="mb-0"><i class="bi bi-credit-card"></i> Totais por Forma de Pagamento</h6>
        </div>
        <div class="card-body">
            <div class="row">
                {% for forma, valor in totais_por_forma.items() %}
                <div class="col-md-2 col-sm-4 mb-2">
                    <div class="border rounded p-2 text-center">
                        <small class="text-muted d-block">{{ forma.upper() }}</small>
                        <strong class="text-success">R$ {{ "%.2f"|format(valor) }}</strong>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endif %}

    {# Sangrias #}
    {% if sangrias %}
    <div class="card mb-3">
        <div class="card-header bg-warning">
            <h6 class="mb-0"><i class="bi bi-arrow-down-circle"></i> Sangrias (Retiradas) - Total: R$ {{ "%.2f"|format(total_sangrias) }}</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th>Data/Hora</th>
                            <th>Descrição</th>
                            <th>Valor</th>
                            <th>Usuário</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for s in sangrias %}
                        <tr>
                            <td>{{ s.data_hora.strftime('%d/%m/%Y %H:%M') }}</td>
                            <td>{{ s.descricao }}</td>
                            <td class="text-danger"><strong>R$ {{ "%.2f"|format(s.valor) }}</strong></td>
                            <td>{{ s.usuario.username if s.usuario and s.usuario.username else (s.usuario.email if s.usuario else '-') }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="table-responsive">
        <table class="table table-sm table-striped">
            <thead>
                <tr>
                    <th>Data/Hora</th>
                    <th>Caixa</th>
                    <th>Tipo</th>
                    <th>Categoria</th>
                    <th>Descrição</th>
                    <th>Valor</th>
                    <th>Usuário</th>
                </tr>
            </thead>
            <tbody>
                {% for m in movimentos %}
                <tr>
                    <td>{{ m.data_hora.strftime('%d/%m/%Y %H:%M') }}</td>
                    <td>{{ m.caixa.id }}</td>
                    <td>{{ m.tipo }}</td>
                    <td>{{ m.categoria }}</td>
                    <td>{{ m.descricao }}</td>
                    <td>R$ {{ "%.2f"|format(m.valor) }}</td>
                    <td>{{ m.usuario.username if m.usuario and m.usuario.username else (m.usuario.email if m.usuario else '-') }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
        <p class="text-muted">Nenhum movimento encontrado para o período selecionado.</p>
    {% endif %}
</div>
{% endblock %}