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

{% macro decimal_br(valor, casas=2) -%}{{ valor|formatar_decimal_br_milhar(casas) }}{%- endmacro %}
{% macro moeda_br(valor, casas=2) -%}{{ valor|formatar_moeda_br(casas) }}{%- endmacro %}

{% block title %}Movimentação Financeira do Caixa{% endblock %}

{% block extra_css %}
<style>
@media print {
    body { font-size: 10pt; }
    .no-print { display: none !important; }
    .card { border: none !important; box-shadow: none !important; }
    .card-header { background: #f8f9fa !important; color: #000 !important; }
    table { font-size: 9pt; }
    @page { margin: 10mm; }
}
.table-relatorio th, .table-relatorio td {
    padding: 6px 8px;
    vertical-align: middle;
    font-size: 0.9rem;
}
.table-relatorio th {
    background: #495057;
    color: white;
    font-weight: 600;
}
.table-relatorio tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}
.table-relatorio .total-row {
    background: #343a40 !important;
    color: white;
    font-weight: bold;
}
.valor-positivo { color: #28a745; }
.valor-negativo { color: #dc3545; }
.header-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom: 2px solid #dee2e6;
    padding-bottom: 15px;
}
.header-info h4 { margin-bottom: 5px; }
.header-info small { color: #6c757d; }
.secao-titulo {
    background: #007bff;
    color: white;
    padding: 8px 15px;
    margin: 20px 0 0 0;
    font-weight: bold;
    font-size: 0.95rem;
}
</style>
{% endblock %}

{% block content %}
<div class="container-fluid px-4">
    <!-- Cabeçalho -->
    <div class="header-info mt-4">
        <div>
            <h4><i class="bi bi-building"></i> {{ empresa_ui.nome(empresa, 'EMPRESA') }}</h4>
            <small>{{ empresa.cnpj if empresa else '' }}</small><br>
            {% if empresa %}
            <small>{{ empresa.logradouro or '' }}, {{ empresa.numero or '' }} - {{ empresa.municipio or '' }}/{{ empresa.uf or '' }}</small>
            {% endif %}
        </div>
        <div class="text-end">
            <small>{{ now.strftime('%d/%m/%Y %H:%M:%S') }}</small><br>
            <small>Página 1 de 1</small>
        </div>
    </div>

    <!-- Título -->
    <div class="text-center mb-4">
        <h3 class="mb-0"><i class="bi bi-cash-coin"></i> MOVIMENTAÇÃO FINANCEIRA DO CAIXA/PDV</h3>
        <p class="text-muted mb-0">Por Operador</p>
        <p class="mb-0"><strong>Caixa:</strong> {{ caixa.numero_caixa }}</p>
    </div>

    <!-- Abertura do Caixa -->
    <div class="secao-titulo"><i class="bi bi-door-open"></i> Dados de Abertura do Caixa</div>
    <div class="card border-0">
        <div class="card-body py-2">
            <div class="row">
                <div class="col-md-6">
                    <strong>Data de Abertura:</strong> {{ formatar_datetime_operacional(caixa.data_abertura, '%d/%m/%Y %H:%M:%S', caixa.empresa) }}<br>
                    <strong>Usuário:</strong> {{ caixa.usuario_id }} &nbsp;&nbsp;&nbsp; {{ caixa.usuario.username if caixa.usuario else '' }}
                </div>
                <div class="col-md-6 text-end">
                    <strong>Situação do Caixa:</strong> 
                    {% if caixa.status == 'aberto' %}
                        <span class="badge bg-success">Aberto</span>
                    {% else %}
                        <span class="badge bg-secondary">Fechado</span>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <!-- Movimento de Caixa -->
    <div class="secao-titulo"><i class="bi bi-arrow-left-right"></i> Movimento de Caixa</div>
    <div class="table-responsive">
        <table class="table table-bordered table-relatorio mb-0">
            <thead>
                <tr>
                    <th class="text-center" width="60">Cod.</th>
                    <th>Nome</th>
                    <th class="text-end" width="100">Total Venda<br>Bruta</th>
                    <th class="text-end" width="100">Trocas e<br>Devoluções</th>
                    <th class="text-end" width="100">(A) Total<br>Venda Líquida</th>
                    <th class="text-end" width="100">(B) Receb. de<br>Carnês</th>
                    <th class="text-end" width="100">(C) Sangria /<br>Suprimento</th>
                    <th class="text-end" width="100">(D) Fundo<br>Inicial</th>
                    <th class="text-end" width="100">(E) Total<br>(A+B+C+D)</th>
                    <th class="text-end" width="100">(F) Saldo em<br>Caixa</th>
                    <th class="text-end" width="100">(F) Diferença:<br>(F-E)</th>
                </tr>
            </thead>
            <tbody>
                {% for forma in formas_movimento %}
                <tr>
                    <td class="text-center">{{ forma.codigo }}</td>
                    <td>{{ forma.nome }}</td>
                    <td class="text-end">{{ decimal_br(forma.total_bruto) }}</td>
                    <td class="text-end">{{ decimal_br(forma.trocas) }}</td>
                    <td class="text-end">{{ decimal_br(forma.total_liquido) }}</td>
                    <td class="text-end">{{ decimal_br(forma.recebimento_carnes) }}</td>
                    <td class="text-end {% if forma.sangria_suprimento < 0 %}valor-negativo{% elif forma.sangria_suprimento > 0 %}valor-positivo{% endif %}">
                        {{ decimal_br(forma.sangria_suprimento) }}
                    </td>
                    <td class="text-end {% if forma.fundo_inicial > 0 %}valor-positivo{% endif %}">
                        {{ decimal_br(forma.fundo_inicial) }}
                    </td>
                    <td class="text-end">{{ decimal_br(forma.total) }}</td>
                    <td class="text-end">{{ decimal_br(forma.saldo_caixa) }}</td>
                    <td class="text-end {% if forma.diferenca < 0 %}valor-negativo{% elif forma.diferenca > 0 %}valor-positivo{% endif %}">
                        {{ decimal_br(forma.diferenca) }}
                    </td>
                </tr>
                {% endfor %}
                <tr class="total-row">
                    <td class="text-center" colspan="2"><strong>TOTAL</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.total_bruto) }}</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.trocas) }}</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.total_liquido) }}</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.recebimento_carnes) }}</strong></td>
                    <td class="text-end {% if totais.sangria_suprimento < 0 %}valor-negativo{% elif totais.sangria_suprimento > 0 %}valor-positivo{% endif %}">
                        <strong>{{ decimal_br(totais.sangria_suprimento) }}</strong>
                    </td>
                    <td class="text-end"><strong>{{ decimal_br(totais.fundo_inicial) }}</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.total) }}</strong></td>
                    <td class="text-end"><strong>{{ decimal_br(totais.saldo_caixa) }}</strong></td>
                    <td class="text-end {% if totais.diferenca < 0 %}valor-negativo{% elif totais.diferenca > 0 %}valor-positivo{% endif %}">
                        <strong>{{ decimal_br(totais.diferenca) }}</strong>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- Suprimentos/Sangria -->
    <div class="secao-titulo"><i class="bi bi-cash-stack"></i> Suprimentos/Sangria</div>
    <div class="table-responsive">
        <table class="table table-bordered table-relatorio mb-0">
            <thead>
                <tr>
                    <th width="80">Hora</th>
                    <th>Usuário</th>
                    <th>Histórico</th>
                    <th class="text-center" width="50">E/S</th>
                    <th>Espécie</th>
                    <th class="text-end" width="100">Valor</th>
                </tr>
            </thead>
            <tbody>
                {% set total_movimentado = {'valor': 0} %}
                {% for mov in movimentos|sort(attribute='data_hora') %}
                <tr>
                    <td>{{ formatar_datetime_operacional(mov.data_hora, '%H:%M:%S', caixa.empresa) }}</td>
                    <td>{{ mov.usuario.username if mov.usuario else caixa.usuario.username }}</td>
                    <td>{{ mov.descricao or mov.observacoes or ('FUNDO INICIAL' if loop.first and mov.tipo == 'suprimento' else mov.tipo|upper) }}</td>
                    <td class="text-center">
                        {% if mov.tipo == 'suprimento' %}
                            <span class="badge bg-success">E</span>
                        {% else %}
                            <span class="badge bg-danger">S</span>
                        {% endif %}
                    </td>
                    <td>{{ mov.forma_pagamento|upper if mov.forma_pagamento else 'DINHEIRO' }}</td>
                    <td class="text-end {% if mov.tipo == 'sangria' %}valor-negativo{% else %}valor-positivo{% endif %}">
                        {% if mov.tipo == 'sangria' %}
                            {% set _ = total_movimentado.update({'valor': total_movimentado.valor - mov.valor}) %}
                            -{{ decimal_br(mov.valor) }}
                        {% else %}
                            {% set _ = total_movimentado.update({'valor': total_movimentado.valor + mov.valor}) %}
                            {{ decimal_br(mov.valor) }}
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
                {% if movimentos %}
                <tr class="table-secondary">
                    <td colspan="5" class="text-end"><strong>Total Movimentado:</strong></td>
                    <td class="text-end {% if total_movimentado.valor < 0 %}valor-negativo{% elif total_movimentado.valor > 0 %}valor-positivo{% endif %}">
                        <strong>{{ decimal_br(total_movimentado.valor) }}</strong>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="6" class="text-center text-muted py-3">
                        <i class="bi bi-info-circle"></i> Nenhum movimento de suprimento/sangria registrado
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    </div>

    <!-- Fechamento do Caixa (se fechado) -->
    {% if caixa.status == 'fechado' %}
    <div class="secao-titulo"><i class="bi bi-door-closed"></i> Fechamento do Caixa</div>
    <div class="card border-0">
        <div class="card-body py-2">
            <div class="row">
                <div class="col-md-6">
                    <strong>Fechamento:</strong> {{ formatar_datetime_operacional(caixa.data_fechamento, '%d/%m/%Y %H:%M:%S', caixa.empresa) if caixa.data_fechamento else '-' }}<br>
                    <strong>Usuário:</strong> {{ caixa.usuario_id }} &nbsp;&nbsp;&nbsp; {{ caixa.usuario.username if caixa.usuario else '' }}
                </div>
                <div class="col-md-6 text-end">
                    {% if caixa.diferenca and caixa.diferenca != 0 %}
                    <strong>Diferença:</strong>
                    <span class="{% if caixa.diferenca < 0 %}text-danger{% else %}text-success{% endif %}">
                        {{ moeda_br(caixa.diferenca) }}
                    </span>
                    {% endif %}
                </div>
            </div>
            {% if caixa.observacoes %}
            <div class="mt-2">
                <strong>Observações:</strong> {{ caixa.observacoes }}
            </div>
            {% endif %}
        </div>
    </div>
    {% endif %}

    <!-- Botões de ação -->
    <div class="mt-4 mb-5 no-print">
        <div class="d-flex gap-2 justify-content-center">
            <button class="btn btn-primary" onclick="window.print()">
                <i class="bi bi-printer"></i> Imprimir
            </button>
            <a href="{{ url_for('pdv_historico_caixas') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
            {% if caixa.status == 'aberto' %}
            <a href="{{ url_for('pdv_fechar_caixa', caixa_id=caixa.id) }}" class="btn btn-warning">
                <i class="bi bi-box-arrow-right"></i> Fechar Caixa
            </a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}