{% extends "base.html" %}

{% block title %}{{ 'Editar' if adquirente else 'Novo' }} Adquirente{% endblock %}

{% block content %}
<div class="cape-form-shell">
    <div class="cape-form-header">
        <div class="cape-form-header-main">
            <h1 class="h4 mb-0"><i class="bi bi-building"></i> {{ 'Editar' if adquirente else 'Novo' }} Adquirente</h1>
        </div>
        <div class="cape-form-header-actions">
            <a href="{{ safe_url_for('adquirentes_pagamento_view', fallback=url_for('formas_pagamento_view')) }}"
               class="btn btn-outline-secondary btn-sm {% if not has_endpoint('adquirentes_pagamento_view') %}disabled{% endif %}"
               {% if not has_endpoint('adquirentes_pagamento_view') %}onclick="return false;" aria-disabled="true" title="Cadastro de adquirentes indisponível neste runtime"{% endif %}>
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
        </div>
    </div>

    <form method="POST" class="needs-validation" novalidate>
        <div class="card shadow-sm">
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Nome *</label>
                        <input type="text" class="form-control" name="nome" required value="{{ adquirente.nome if adquirente else '' }}" placeholder="Ex: Stone, Cielo, PagSeguro">
                        <div class="invalid-feedback">Informe o nome do adquirente.</div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">CNPJ</label>
                        <input type="text" class="form-control" name="cnpj" maxlength="18" value="{{ adquirente.cnpj if adquirente else '' }}" placeholder="00.000.000/0000-00">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Contato</label>
                        <input type="text" class="form-control" name="contato" value="{{ adquirente.contato if adquirente else '' }}" placeholder="Telefone / E-mail">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Observações</label>
                        <textarea class="form-control" name="observacoes" rows="3" placeholder="Informações adicionais">{{ adquirente.observacoes if adquirente else '' }}</textarea>
                    </div>
                    <div class="col-12">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="ativo" name="ativo" {% if adquirente is none or adquirente.ativo %}checked{% endif %}>
                            <label class="form-check-label" for="ativo">Ativo</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer cape-form-actions cape-form-actions-inside-card">
                <div class="cape-form-actions-left"></div>
                <div class="cape-form-actions-right">
                    <a href="{{ safe_url_for('adquirentes_pagamento_view', fallback=url_for('formas_pagamento_view')) }}"
                        class="btn btn-secondary {% if not has_endpoint('adquirentes_pagamento_view') %}disabled{% endif %}"
                        {% if not has_endpoint('adquirentes_pagamento_view') %}onclick="return false;" aria-disabled="true" title="Cadastro de adquirentes indisponível neste runtime"{% endif %}>Cancelar</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-lg"></i> Salvar
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>

<script>
(() => {
    const forms = document.querySelectorAll('.needs-validation');
    forms.forEach(form => {
        form.addEventListener('submit', event => {
            if (!form.checkValidity()) {
                event.preventDefault();
                event.stopPropagation();
            }
            form.classList.add('was-validated');
        }, false);
    });
})();
</script>
{% endblock %}