{% extends "base.html" %}

{% block title %}Plano de Contas{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-diagram-3"></i> Plano de Contas</h2>
    <a href="{{ url_for('novo_plano_contas') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle"></i> Nova Conta
    </a>
</div>

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" action="{{ url_for('plano_contas') }}" class="row g-2">
            <div class="col-md-4">
                <select class="form-select" name="classificar" onchange="this.form.submit()">
                    <option value="hierarquia" {% if classificar == 'hierarquia' %}selected{% endif %}>Classificar: Hierarquia</option>
                    <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Classificar: Código</option>
                    <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Classificar: Nome</option>
                    <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Classificar: Descrição</option>
                </select>
            </div>
            <div class="col-md-4">
                <select class="form-select" name="ordem" onchange="this.form.submit()">
                    <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Ordem: Crescente</option>
                    <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Ordem: Decrescente</option>
                </select>
            </div>
            <div class="col-md-4">
                <button class="btn btn-primary w-100" type="submit"><i class="bi bi-funnel"></i> Aplicar</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Código</th>
                        <th>Nome</th>
                        <th>Tipo</th>
                        <th>Categoria</th>
                        <th>Natureza</th>
                        <th>Status</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in contas %}
                    <tr>
                        <td><strong>{{ conta.codigo }}</strong></td>
                        <td>
                            {% set profundidade = conta.hierarquia_profundidade|default(0, true)|int %}
                            {{ ('&nbsp;&nbsp;' * profundidade)|safe }}{% if profundidade > 0 %}<span class="text-muted">└─</span> {% endif %}{{ conta.nome }}
                        </td>
                        <td>
                            {% if conta.tipo == 'receita' %}
                                <span class="badge bg-success">Receita</span>
                            {% elif conta.tipo == 'despesa' %}
                                <span class="badge bg-danger">Despesa</span>
                            {% elif conta.tipo == 'ativo' %}
                                <span class="badge bg-primary">Ativo</span>
                            {% else %}
                                <span class="badge bg-warning">Passivo</span>
                            {% endif %}
                        </td>
                        <td>
                            {{ conta.categoria or '-' }}
                            {% if conta.subcategoria %}
                                <br><small class="text-muted">{{ conta.subcategoria }}</small>
                            {% endif %}
                        </td>
                        <td>
                            {% if conta.natureza == 'empresarial' %}
                                <span class="badge bg-info">Empresarial</span>
                            {% else %}
                                <span class="badge bg-secondary">Pessoal</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if conta.ativo %}
                                <span class="text-success">●</span> Ativo
                            {% else %}
                                <span class="text-danger">●</span> Inativo
                            {% endif %}
                        </td>
                        <td>
                            <a href="{{ url_for('editar_plano_contas', id=conta.id) }}" 
                               class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <form method="POST" action="{{ url_for('excluir_plano_contas', id=conta.id) }}" 
                                  style="display: inline;"
                                  onsubmit="return confirm('Deseja realmente excluir esta conta?')">
                                <button type="submit" class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="alert alert-info mt-4">
    <h5><i class="bi bi-info-circle"></i> Sobre o Plano de Contas</h5>
    <p class="mb-0">
        O Plano de Contas é a estrutura contábil que organiza todas as receitas e despesas.
        Use para categorizar transações empresariais e pessoais, facilitando a geração do DRE.
    </p>
</div>
{% endblock %}