{% extends "base.html" %}

{% block title %}{{ 'Editar' if conta else 'Nova' }} Conta Corrente{% endblock %}

{% block content %}
<div class="mb-4">
    <h2>
        <i class="bi bi-bank"></i> 
        {{ 'Editar Conta Corrente' if conta else 'Nova Conta Corrente' }}
    </h2>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" class="form-lockable">
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="nome" class="form-label">Nome da Conta *</label>
                        <input type="text" class="form-control" id="nome" name="nome" 
                               value="{{ conta.nome if conta else '' }}" 
                               placeholder="Ex: Nubnak Empresarial, Inter Pessoal" required>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="banco" class="form-label">Banco</label>
                        <input type="text" class="form-control" id="banco" name="banco" 
                               value="{{ conta.banco if conta else '' }}" 
                               placeholder="Ex: Nubnak, Banco Inter">
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-3">
                    <div class="mb-3">
                        <label for="agencia" class="form-label">Agência</label>
                        <input type="text" class="form-control" id="agencia" name="agencia" 
                               value="{{ conta.agencia if conta else '' }}" 
                               placeholder="0001">
                    </div>
                </div>
                
                <div class="col-md-3">
                    <div class="mb-3">
                        <label for="numero_conta" class="form-label">Número da Conta</label>
                        <input type="text" class="form-control" id="numero_conta" name="numero_conta" 
                               value="{{ conta.numero_conta if conta else '' }}" 
                               placeholder="12345-6">
                    </div>
                </div>
                
                <div class="col-md-3">
                    <div class="mb-3">
                        <label for="tipo" class="form-label">Tipo *</label>
                        <select class="form-select" id="tipo" name="tipo" required>
                            <option value="corrente" {% if conta and conta.tipo == 'corrente' %}selected{% endif %}>Corrente</option>
                            <option value="poupanca" {% if conta and conta.tipo == 'poupanca' %}selected{% endif %}>Poupança</option>
                            <option value="investimento" {% if conta and conta.tipo == 'investimento' %}selected{% endif %}>Investimento</option>
                        </select>
                    </div>
                </div>
                
                <div class="col-md-3">
                    <div class="mb-3">
                        <label for="natureza" class="form-label">Natureza *</label>
                        <select class="form-select" id="natureza" name="natureza" required>
                            <option value="empresarial" {% if conta and conta.natureza == 'empresarial' %}selected{% endif %}>Empresarial</option>
                            <option value="pessoal" {% if conta and conta.natureza == 'pessoal' %}selected{% endif %}>Pessoal</option>
                        </select>
                    </div>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="saldo_inicial" class="form-label">Saldo Inicial</label>
                        <input type="number" step="0.01" class="form-control" id="saldo_inicial" name="saldo_inicial" 
                               value="{{ conta.saldo_inicial if conta else '0.00' }}" 
                               placeholder="0.00">
                        <small class="text-muted">Saldo que a conta tinha no início do controle</small>
                    </div>
                </div>
                <div class="col-md-6 d-flex align-items-end">
                    <div class="mb-3 form-check form-switch">
                        <input class="form-check-input" type="checkbox" id="padrao_sistema" name="padrao_sistema"
                               {% if conta and conta.padrao_sistema %}checked{% elif not conta and not conta_padrao_id %}checked{% endif %}>
                        <label class="form-check-label" for="padrao_sistema">
                            Definir como <strong>Conta Caixa padrão</strong>
                        </label>
                        <div class="form-text">Usada automaticamente em recebimentos e pagamentos quando não houver outra conta definida.</div>
                    </div>
                </div>
            </div>
            
            <div class="mb-3">
                <label for="observacoes" class="form-label">Observações</label>
                <textarea class="form-control" id="observacoes" name="observacoes" rows="3" 
                          placeholder="Informações adicionais sobre esta conta">{{ conta.observacoes if conta else '' }}</textarea>
            </div>
            
            {% if conta %}
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="ativa" name="ativa" 
                           {% if conta.ativa %}checked{% endif %}>
                    <label class="form-check-label" for="ativa">
                        Conta Ativa
                    </label>
                </div>
            </div>
            {% endif %}
            
            <hr>
            
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check-circle"></i> Salvar
                </button>
                <a href="{{ url_for('contas_correntes') }}" class="btn btn-secondary">
                    <i class="bi bi-x-circle"></i> Cancelar
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}