{% extends "base.html" %}

{% block title %}{{ 'Editar' if banco else 'Novo' }} Banco Recebedor - CapeSystem{% endblock %}

{% block content %}
<div class="mb-4">
    <h1><i class="bi bi-bank2"></i> {{ 'Editar' if banco else 'Novo' }} Banco Recebedor</h1>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" class="form-lockable">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Nome do Banco *</label>
                    <input type="text" class="form-control" name="nome" required
                           value="{{ banco.nome if banco else '' }}"
                           placeholder="Ex: Banco Efi, Asaas, PagSeguro">
                </div>
                
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tipo *</label>
                    <select class="form-select" name="tipo" required>
                        <option value="">Selecione...</option>
                        <option value="boleto" {% if banco and banco.tipo == 'boleto' %}selected{% endif %}>
                            Boleto (taxa fixa por boleto)
                        </option>
                        <option value="comissao" {% if banco and banco.tipo == 'comissao' %}selected{% endif %}>
                            Comissão (percentual sobre valor)
                        </option>
                        <option value="pix" {% if banco and banco.tipo == 'pix' %}selected{% endif %}>
                            PIX
                        </option>
                        <option value="ted" {% if banco and banco.tipo == 'ted' %}selected{% endif %}>
                            TED/DOC
                        </option>
                        <option value="cartao" {% if banco and banco.tipo == 'cartao' %}selected{% endif %}>
                            Cartão de Crédito/Débito
                        </option>
                        <option value="dinheiro" {% if banco and banco.tipo == 'dinheiro' %}selected{% endif %}>
                            Dinheiro
                        </option>
                        <option value="outro" {% if banco and banco.tipo == 'outro' %}selected{% endif %}>
                            Outro
                        </option>
                    </select>
                </div>
            </div>

            <hr class="my-4">
            <h5 class="mb-3"><i class="bi bi-currency-dollar"></i> Custos e Taxas</h5>

            <div class="row">
                <div class="col-md-4 mb-3">
                    <label class="form-label">Custo Nota (%)</label>
                    <input type="number" class="form-control" name="custo_nota_percentual" 
                           step="0.01" min="0" max="100"
                           value="{{ banco.custo_nota_percentual if banco else '0' }}"
                           placeholder="Ex: 7.5">
                    <small class="text-muted">Percentual cobrado sobre o valor da nota</small>
                </div>
                
                <div class="col-md-4 mb-3">
                    <label class="form-label">Custo por Boleto (R$)</label>
                    <input type="number" class="form-control" name="custo_por_boleto" 
                           step="0.01" min="0"
                           value="{{ banco.custo_por_boleto if banco else '0' }}"
                           placeholder="Ex: 2.99">
                    <small class="text-muted">Valor fixo cobrado por boleto gerado</small>
                </div>
                
                <div class="col-md-4 mb-3">
                    <label class="form-label">Taxa por Recebimento (%)</label>
                    <input type="number" class="form-control" name="taxa_por_recebimento" 
                           step="0.01" min="0" max="100"
                           value="{{ banco.taxa_por_recebimento if banco else '0' }}"
                           placeholder="Ex: 1.5">
                    <small class="text-muted">Percentual cobrado em cada recebimento (PIX, TED, etc)</small>
                </div>
            </div>

            <div class="alert alert-info">
                <i class="bi bi-lightbulb"></i> <strong>Dica:</strong>
                <ul class="mb-0 mt-2">
                    <li><strong>Boleto:</strong> Use "Custo por Boleto" (ex: Efi R$ 2,99, Asaas R$ 1,99)</li>
                    <li><strong>Comissão:</strong> Use "Custo Nota %" (ex: Confrapag 7,5%)</li>
                    <li><strong>PIX/TED:</strong> Use "Taxa por Recebimento %" (ex: 1% por transação)</li>
                    <li><strong>Cartão:</strong> Use "Taxa por Recebimento %" (ex: 2,5% débito, 4% crédito)</li>
                </ul>
            </div>

            <div class="mb-3">
                <label class="form-label">Observações</label>
                <textarea class="form-control" name="observacoes" rows="3">{{ banco.observacoes if banco else '' }}</textarea>
            </div>

            {% if banco %}
                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" name="ativo" id="ativo"
                           {% if banco.ativo %}checked{% endif %}>
                    <label class="form-check-label" for="ativo">
                        Banco Ativo
                    </label>
                </div>
            {% endif %}

            <hr class="my-4">

            <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('bancos_recebedores') }}" class="btn btn-secondary">
                    <i class="bi bi-x-circle"></i> Cancelar
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}