{% extends "base.html" %}

{% block title %}Caixa{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-cash-coin"></i> Caixa</h2>
        {% if not caixa_aberto %}
        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalAbrirCaixa">
            <i class="bi bi-unlock"></i> Abrir Caixa
        </button>
        {% endif %}
    </div>

    {% if caixa_aberto %}
    {# Caixa Aberto - Card Principal #}
    <div class="row">
        <div class="col-md-12">
            <div class="card border-success mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0">
                        <i class="bi bi-check-circle"></i> Caixa Aberto
                        <span class="float-end">{{ caixa_aberto.data_abertura.strftime('%d/%m/%Y %H:%M') }}</span>
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <h6 class="text-muted">Valor Inicial</h6>
                            <h4>R$ {{ "%.2f"|format(caixa_aberto.valor_inicial) }}</h4>
                        </div>
                        <div class="col-md-3">
                            <h6 class="text-muted">Total Entradas</h6>
                            <h4 class="text-success">R$ {{ "%.2f"|format(caixa_aberto.total_entradas()) }}</h4>
                        </div>
                        <div class="col-md-3">
                            <h6 class="text-muted">Total Saídas</h6>
                            <h4 class="text-danger">R$ {{ "%.2f"|format(caixa_aberto.total_saidas()) }}</h4>
                        </div>
                        <div class="col-md-3">
                            <h6 class="text-muted">Saldo Atual</h6>
                            <h4 class="text-primary">R$ {{ "%.2f"|format(caixa_aberto.calcular_saldo()) }}</h4>
                        </div>
                    </div>
                    <hr>
                    <div class="d-flex gap-2">
                        <a href="{{ url_for('visualizar_caixa', id=caixa_aberto.id) }}" class="btn btn-primary">
                            <i class="bi bi-eye"></i> Ver Detalhes e Movimentar
                        </a>
                        <button class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#modalFecharCaixa">
                            <i class="bi bi-lock"></i> Fechar Caixa
                        </button>
                        <a href="{{ url_for('caixa_relatorio') }}" class="btn btn-info">
                            <i class="bi bi-file-earmark-text"></i> Relatório
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# Lista de Vendas para Recebimento e Recebidas #}
    <div class="row mt-3">
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-cart-plus"></i> Vendas para Receber</h5>
                </div>
                <div class="card-body">
                    {% if vendas_para_receber %}
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                                <tr>
                                    <th>Pedido</th>
                                    <th>Cliente</th>
                                    <th>Data Fechamento</th>
                                    <th>Valor</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for v in vendas_para_receber %}
                                <tr>
                                    <td>{{ v.numero_pedido }}</td>
                                    <td>{{ v.get_cliente_nome() }}</td>
                                    <td>{% if v.data_fechamento %}{{ v.data_fechamento.strftime('%d/%m/%Y %H:%M') }}{% else %}-{% endif %}</td>
                                    <td>R$ {{ "%.2f"|format(v.valor_total) }}</td>
                                    <td>
                                        <a href="{{ url_for('editar_venda', id=v.id) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                        <form method="POST" action="{{ url_for('caixa_receber_venda', id=v.id) }}" style="display:inline-block; margin-left:6px;">
                                            <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Confirma receber a venda {{ v.numero_pedido }} no caixa?');">Receber</button>
                                        </form>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                        <p class="text-muted">Nenhuma venda para receber no momento.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-check-circle"></i> Vendas Recebidas (últimas)</h5>
                </div>
                <div class="card-body">
                    {% if vendas_recebidas %}
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                                <tr>
                                    <th>Pedido</th>
                                    <th>Cliente</th>
                                    <th>Data Recebimento</th>
                                    <th>Valor</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for v in vendas_recebidas %}
                                <tr>
                                    <td>{{ v.numero_pedido }}</td>
                                    <td>{{ v.get_cliente_nome() }}</td>
                                    <td>{% if v.data_recebimento %}{{ v.data_recebimento.strftime('%d/%m/%Y %H:%M') }}{% else %}-{% endif %}</td>
                                    <td>R$ {{ "%.2f"|format(v.valor_total) }}</td>
                                    <td>
                                        <a href="{{ url_for('editar_venda', id=v.id) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                        <form method="POST" action="{{ url_for('caixa_cancelar_recebimento', id=v.id) }}" style="display:inline-block; margin-left:6px;">
                                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Confirma estornar o recebimento da venda {{ v.numero_pedido }}?');">Cancelar Recebimento</button>
                                        </form>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                        <p class="text-muted">Nenhuma venda recebida recentemente.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    {% else %}
    {# Sem Caixa Aberto - Lista de Vendas Disponível #}
    <div class="alert alert-info mb-4">
        <i class="bi bi-info-circle"></i> Não há caixa aberto. Clique em "Abrir Caixa" para iniciar as operações.
    </div>

    {# Lista de Vendas para Recebimento e Recebidas (visível mesmo sem caixa aberto) #}
    <div class="row mt-3">
        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-cart-plus"></i> Vendas para Receber</h5>
                </div>
                <div class="card-body">
                    {% if vendas_para_receber %}
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                                <tr>
                                    <th>Pedido</th>
                                    <th>Cliente</th>
                                    <th>Data Fechamento</th>
                                    <th>Valor</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for v in vendas_para_receber %}
                                <tr>
                                    <td>{{ v.numero_pedido }}</td>
                                    <td>{{ v.get_cliente_nome() }}</td>
                                    <td>{% if v.data_fechamento %}{{ v.data_fechamento.strftime('%d/%m/%Y %H:%M') }}{% else %}-{% endif %}</td>
                                    <td>R$ {{ "%.2f"|format(v.valor_total) }}</td>
                                    <td>
                                        <a href="{{ url_for('editar_venda', id=v.id) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                        <button type="button" class="btn btn-sm btn-outline-success" data-bs-toggle="modal" data-bs-target="#modalAbrirCaixa" title="Abra um caixa para receber">Receber</button>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                        <p class="text-muted">Nenhuma venda para receber no momento.</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="bi bi-check-circle"></i> Vendas Recebidas (últimas)</h5>
                </div>
                <div class="card-body">
                    {% if vendas_recebidas %}
                    <div class="table-responsive">
                        <table class="table table-sm table-hover">
                            <thead>
                                <tr>
                                    <th>Pedido</th>
                                    <th>Cliente</th>
                                    <th>Data Recebimento</th>
                                    <th>Valor</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for v in vendas_recebidas %}
                                <tr>
                                    <td>{{ v.numero_pedido }}</td>
                                    <td>{{ v.get_cliente_nome() }}</td>
                                    <td>{% if v.data_recebimento %}{{ v.data_recebimento.strftime('%d/%m/%Y %H:%M') }}{% else %}-{% endif %}</td>
                                    <td>R$ {{ "%.2f"|format(v.valor_total) }}</td>
                                    <td>
                                        <a href="{{ url_for('editar_venda', id=v.id) }}" class="btn btn-sm btn-outline-secondary">Ver</a>
                                        <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#modalAbrirCaixa" title="Abra um caixa para estornar">Cancelar Recebimento</button>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                        <p class="text-muted">Nenhuma venda recebida recentemente.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    {# Histórico de Caixas #}
    <div class="card mt-4">
        <div class="card-header">
            <h5 class="mb-0"><i class="bi bi-clock-history"></i> Histórico de Caixas (Últimos 30 dias)</h5>
        </div>
        <div class="card-body">
            {% if historico %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Data Abertura</th>
                            <th>Data Fechamento</th>
                            <th>Responsável</th>
                            <th>Valor Inicial</th>
                            <th>Entradas</th>
                            <th>Saídas</th>
                            <th>Saldo</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for c in historico %}
                        <tr>
                            <td>{{ c.data_abertura.strftime('%d/%m/%Y %H:%M') }}</td>
                            <td>
                                {% if c.data_fechamento %}
                                    {{ c.data_fechamento.strftime('%d/%m/%Y %H:%M') }}
                                {% else %}
                                    <span class="badge bg-success">Aberto</span>
                                {% endif %}
                            </td>
                            <td>{{ c.usuario.username if c.usuario and c.usuario.username else (c.usuario.email if c.usuario else '-') }}</td>
                            <td>R$ {{ "%.2f"|format(c.valor_inicial) }}</td>
                            <td class="text-success">R$ {{ "%.2f"|format(c.total_entradas()) }}</td>
                            <td class="text-danger">R$ {{ "%.2f"|format(c.total_saidas()) }}</td>
                            <td class="text-primary">R$ {{ "%.2f"|format(c.calcular_saldo()) }}</td>
                            <td>
                                <a href="{{ url_for('visualizar_caixa', id=c.id) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-eye"></i> Ver
                                </a>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
                <p class="text-muted">Nenhum histórico de caixa nos últimos 30 dias.</p>
            {% endif %}
        </div>
    </div>
</div>

{# Modal Abrir Caixa #}
<div class="modal fade cape-modal-standard" id="modalAbrirCaixa" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('abrir_caixa') }}">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title"><i class="bi bi-unlock"></i> Abrir Novo Caixa</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Valor Inicial (Dinheiro em Caixa) *</label>
                        <input type="number" class="form-control" name="valor_inicial" 
                               step="0.01" min="0" value="0" required>
                        <small class="text-muted">Informe o valor em dinheiro no caixa no início do dia</small>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Observações</label>
                        <textarea class="form-control" name="observacoes_abertura" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success">
                        <i class="bi bi-unlock"></i> Abrir Caixa
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{# Modal Fechar Caixa #}
{% if caixa_aberto %}
<div class="modal fade cape-modal-standard" id="modalFecharCaixa" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('fechar_caixa', id=caixa_aberto.id) }}">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title"><i class="bi bi-lock"></i> Fechar Caixa</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info">
                        <strong>Conferência de Valores:</strong><br>
                        Valor Inicial: R$ {{ "%.2f"|format(caixa_aberto.valor_inicial) }}<br>
                        Entradas: R$ {{ "%.2f"|format(caixa_aberto.total_entradas()) }}<br>
                        Saídas: R$ {{ "%.2f"|format(caixa_aberto.total_saidas()) }}<br>
                        <hr>
                        <strong>Saldo Calculado: R$ {{ "%.2f"|format(caixa_aberto.calcular_saldo()) }}</strong>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Saldo Real Contado (Dinheiro) *</label>
                        <input type="number" class="form-control" name="saldo_informado" 
                               step="0.01" min="0" required 
                               value="{{ "%.2f"|format(caixa_aberto.calcular_saldo()) }}">
                        <small class="text-muted">Conte o dinheiro físico no caixa e informe o valor</small>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Observações de Fechamento</label>
                        <textarea class="form-control" name="observacoes_fechamento" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-warning">
                        <i class="bi bi-lock"></i> Confirmar Fechamento
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endif %}

{% endblock %}