{% extends "base.html" %}

{% block title %}Contas Correntes e Bancos{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-bank"></i> Contas Correntes e Bancos</h2>
    <div>
        <a href="{{ url_for('nova_transferencia') }}" class="btn btn-success me-2">
            <i class="bi bi-arrow-left-right"></i> Nova Transferência
        </a>
        <a href="{{ url_for('nova_conta_corrente') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i> Nova Conta
        </a>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <div class="col-md-3">
                <label class="form-label">Classificar</label>
                <select class="form-select" name="classificar">
                    <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-3">
                <label class="form-label">Ordem</label>
                <select class="form-select" name="ordem">
                    <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 d-flex align-items-end">
                <button type="submit" class="btn btn-outline-primary w-100">
                    <i class="bi bi-funnel"></i> Aplicar
                </button>
            </div>
        </form>
    </div>
</div>

<!-- Bancos de Recebimento -->
<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h5 class="mb-0"><i class="bi bi-cash-coin"></i> Bancos de Recebimento (EFi, Asaas, etc)</h5>
    </div>
    <div class="card-body">
        <div class="row">
            {% for banco in bancos_recebedores %}
            <div class="col-md-4 mb-3">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">{{ banco.nome }}</h6>
                        <p class="card-text">
                            <strong>Tipo:</strong> {{ banco.tipo }}<br>
                            <strong>Custo Nota:</strong> {{ banco.custo_nota_percentual }}%
                        </p>
                        <h4 class="text-success">
                            R$ {{ "%.2f"|format(banco.saldo_disponivel()) }}
                        </h4>
                        <small class="text-muted">Saldo disponível</small>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

<!-- Contas Correntes Empresariais -->
<div class="card mb-4">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="bi bi-building"></i> Contas Correntes - Empresariais</h5>
    </div>
    <div class="card-body">
        {% if contas_empresariais %}
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Nome</th>
                        <th>Banco</th>
                        <th>Agência / Conta</th>
                        <th>Tipo</th>
                        <th>Saldo Atual</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in contas_empresariais %}
                    <tr>
                        <td>
                            <strong>{{ conta.nome }}</strong>
                            {% if conta.id == conta_padrao_id %}
                                <span class="badge bg-warning text-dark ms-2">Conta Caixa padrão</span>
                            {% endif %}
                        </td>
                        <td>{{ conta.banco or '-' }}</td>
                        <td>
                            {% if conta.agencia and conta.numero_conta %}
                                {{ conta.agencia }} / {{ conta.numero_conta }}
                            {% else %}
                                -
                            {% endif %}
                        </td>
                        <td>
                            <span class="badge bg-info">{{ conta.tipo }}</span>
                        </td>
                        <td>
                            <strong class="{% if conta.saldo_atual() >= 0 %}text-success{% else %}text-danger{% endif %}">
                                R$ {{ "%.2f"|format(conta.saldo_atual()) }}
                            </strong>
                        </td>
                        <td>
                            <a href="{{ url_for('editar_conta_corrente', id=conta.id) }}" 
                               class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <form method="POST" action="{{ url_for('excluir_conta_corrente', id=conta.id) }}" 
                                  style="display: inline;"
                                  onsubmit="return confirm('Tem certeza que deseja excluir esta conta corrente?')">
                                <button type="submit" class="btn btn-sm btn-danger" title="Excluir">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <p class="text-muted">Nenhuma conta empresarial cadastrada.</p>
        {% endif %}
    </div>
</div>

<!-- Contas Correntes Pessoais -->
<div class="card mb-4">
    <div class="card-header bg-secondary text-white">
        <h5 class="mb-0"><i class="bi bi-person"></i> Contas Correntes - Pessoais</h5>
    </div>
    <div class="card-body">
        {% if contas_pessoais %}
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Nome</th>
                        <th>Banco</th>
                        <th>Agência / Conta</th>
                        <th>Tipo</th>
                        <th>Saldo Atual</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in contas_pessoais %}
                    <tr>
                        <td>
                            <strong>{{ conta.nome }}</strong>
                            {% if conta.id == conta_padrao_id %}
                                <span class="badge bg-warning text-dark ms-2">Conta Caixa padrão</span>
                            {% endif %}
                        </td>
                        <td>{{ conta.banco or '-' }}</td>
                        <td>
                            {% if conta.agencia and conta.numero_conta %}
                                {{ conta.agencia }} / {{ conta.numero_conta }}
                            {% else %}
                                -
                            {% endif %}
                        </td>
                        <td>
                            <span class="badge bg-secondary">{{ conta.tipo }}</span>
                        </td>
                        <td>
                            <strong class="{% if conta.saldo_atual() >= 0 %}text-success{% else %}text-danger{% endif %}">
                                R$ {{ "%.2f"|format(conta.saldo_atual()) }}
                            </strong>
                        </td>
                        <td>
                            <a href="{{ url_for('editar_conta_corrente', id=conta.id) }}" 
                               class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <form method="POST" action="{{ url_for('excluir_conta_corrente', id=conta.id) }}" 
                                  style="display: inline;"
                                  onsubmit="return confirm('Tem certeza que deseja excluir esta conta corrente?')">
                                <button type="submit" class="btn btn-sm btn-danger" title="Excluir">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <p class="text-muted">Nenhuma conta pessoal cadastrada.</p>
        {% endif %}
    </div>
</div>

<div class="alert alert-info">
    <h6><i class="bi bi-info-circle"></i> Como Funciona?</h6>
    <ul class="mb-0">
        <li><strong>Bancos de Recebimento:</strong> EFi e Asaas recebem pagamentos dos clientes</li>
        <li><strong>Contas Empresariais:</strong> Nubnak e Inter para movimentação da empresa</li>
        <li><strong>Contas Pessoais:</strong> Suas contas pessoais no Inter ou Nubnak</li>
        <li><strong>Transferências:</strong> Mova saldo dos bancos de recebimento para contas correntes</li>
    </ul>
</div>
{% endblock %}