{% extends "base.html" %}

{% block title %}Formas de Pagamento{% endblock %}

{% block content %}
<div class="mb-4">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
        <div>
            <a href="{{ url_for('index') }}" class="btn btn-outline-secondary btn-sm me-2">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
            <span class="h2 mb-0"><i class="bi bi-credit-card"></i> Formas de Pagamento</span>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ safe_url_for('efi_configuracao', fallback=url_for('formas_pagamento_view')) }}"
               class="btn btn-outline-success {% if not has_endpoint('efi_configuracao') %}disabled{% endif %}"
               {% if not has_endpoint('efi_configuracao') %}onclick="return false;" aria-disabled="true" title="Configuração EFi indisponível neste runtime"{% endif %}>
                <i class="bi bi-credit-card-2-front"></i> Gateway EFi
            </a>
            <a href="{{ safe_url_for('confra_configuracao', fallback=url_for('formas_pagamento_view')) }}"
               class="btn btn-outline-primary {% if not has_endpoint('confra_configuracao') %}disabled{% endif %}"
               {% if not has_endpoint('confra_configuracao') %}onclick="return false;" aria-disabled="true" title="Configuração Confra indisponível neste runtime"{% endif %}>
                <i class="bi bi-credit-card"></i> Gateway Confra
            </a>
            <a href="{{ safe_url_for('adquirentes_pagamento_view', fallback=url_for('formas_pagamento_view')) }}"
               class="btn btn-outline-info {% 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-building"></i> Adquirentes
            </a>
            <a href="{{ url_for('formas_pagamento_view') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-clockwise"></i> Atualizar
            </a>
            <a href="{{ url_for('nova_forma_pagamento') }}" class="btn btn-primary">
                <i class="bi bi-plus-circle"></i> Nova Forma
            </a>
        </div>
    </div>
    <p class="text-muted mt-2 mb-0">Configure códigos fiscais e ajustes de cobrança usados nos produtos, contratos e vendas.</p>
</div>

<div class="card shadow-sm mb-3">
    <div class="card-body">
        <form method="GET" action="{{ url_for('formas_pagamento_view') }}" class="row g-2">
            <div class="col-md-4">
                <select class="form-select" name="classificar" onchange="this.form.submit()">
                    <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="row g-3">
    <div class="col-lg-8">
        <div class="card shadow-sm">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle">
                        <thead>
                            <tr>
                                <th style="width: 60px;">#</th>
                                <th>Forma</th>
                                <th>Código Fiscal</th>
                                <th>Uso</th>
                                <th>Ajustes</th>
                                <th>Status</th>
                                <th style="width: 150px;">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% if formas %}
                                {% for forma in formas %}
                                <tr data-href="{{ url_for('editar_forma_pagamento', id=forma.id) }}"
                                    title="Duplo clique para editar">
                                    <td><span class="text-muted">#{{ forma.id }}</span></td>
                                    <td>
                                        <strong>{{ forma.nome }}</strong>
                                        {% if forma.descricao %}
                                            <div class="text-muted small">{{ forma.descricao }}</div>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <span class="badge bg-light text-dark">{{ forma.codigo_fiscal }}</span>
                                        <div class="small text-muted">
                                            {{ codigo_fiscal_map.get(forma.codigo_fiscal, 'Código não catalogado') }}
                                        </div>
                                    </td>
                                    <td>
                                        <div class="d-flex flex-column gap-1">
                                            {% if forma.usar_em_recebimento is not sameas false %}
                                                <span class="badge bg-success-subtle text-success-emphasis border border-success-subtle">Recebimento / Cliente</span>
                                            {% endif %}
                                            {% if forma.usar_em_pagamento is not sameas false %}
                                                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle">Pagamento / Fornecedor</span>
                                            {% endif %}
                                            {% if forma.usar_em_recebimento is sameas false and forma.usar_em_pagamento is sameas false %}
                                                <span class="badge bg-danger-subtle text-danger-emphasis border border-danger-subtle">Sem uso configurado</span>
                                            {% endif %}
                                        </div>
                                    </td>
                                    <td>
                                        <div class="d-flex flex-column">
                                            <span class="small text-success">
                                                <i class="bi bi-arrow-down"></i> Desconto: {{ '%.2f'|format(forma.desconto_percentual or 0) }}%
                                            </span>
                                            <span class="small text-danger">
                                                <i class="bi bi-arrow-up"></i> Acréscimo: {{ '%.2f'|format(forma.acrescimo_percentual or 0) }}%
                                            </span>
                                            {% if forma.desconto_valido_ate %}
                                            <span class="badge bg-light text-dark mt-1">
                                                Válido até {{ forma.desconto_valido_ate.strftime('%d/%m/%Y') }}
                                            </span>
                                            {% endif %}
                                            {% if forma.desconto_pausado %}
                                            <span class="badge bg-warning text-dark mt-1">Desconto pausado</span>
                                            {% endif %}
                                            <span class="mt-2">
                                                {% if forma.permite_troco %}
                                                    <span class="badge bg-primary"><i class="bi bi-cash-coin"></i> Permite troco</span>
                                                {% else %}
                                                    <span class="badge bg-secondary"><i class="bi bi-ban"></i> Sem troco</span>
                                                {% endif %}
                                            </span>
                                        </div>
                                    </td>
                                    <td>
                                        {% if forma.ativo %}
                                            <span class="badge bg-success">Ativa</span>
                                        {% else %}
                                            <span class="badge bg-secondary">Inativa</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ url_for('editar_forma_pagamento', id=forma.id) }}" class="btn btn-sm btn-outline-primary" title="Editar">
                                                <i class="bi bi-pencil"></i>
                                            </a>
                                            <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#modalExcluir{{ forma.id }}" title="Excluir" {% if forma.precos|length > 0 %}disabled{% endif %}>
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </div>

                                        <div class="modal fade cape-modal-standard" id="modalExcluir{{ forma.id }}" tabindex="-1">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-danger text-white">
                                                        <h5 class="modal-title"><i class="bi bi-exclamation-octagon"></i> Confirmar Exclusão</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p class="mb-1">Deseja remover a forma <strong>{{ forma.nome }}</strong>?</p>
                                                        <p class="small text-muted mb-0">Esta ação só é permitida se nenhum preço de produto estiver vinculado.</p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                                                        <form method="POST" action="{{ url_for('excluir_forma_pagamento', id=forma.id) }}">
                                                            <button type="submit" class="btn btn-danger">Excluir</button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                {% endfor %}
                            {% else %}
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">
                                        <i class="bi bi-inbox"></i> Nenhuma forma cadastrada ainda.
                                    </td>
                                </tr>
                            {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card shadow-sm mb-3">
            <div class="card-header bg-light">
                <h5 class="mb-0"><i class="bi bi-info-circle"></i> Como usar</h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled small mb-0">
                    <li class="mb-2"><strong>Código Fiscal:</strong> usado no XML da NF-e/NFC-e para identificar o meio de pagamento.</li>
                    <li class="mb-2"><strong>Uso:</strong> defina se a forma aparece em recebimentos de cliente, pagamentos para fornecedor, ou em ambos.</li>
                    <li class="mb-2"><strong>Descontos/Acréscimos:</strong> aplicados automaticamente quando vincular esta forma em um preço de produto.</li>
                    <li class="mb-2"><strong>Ativo/Inativo:</strong> desative para esconder a forma nas telas de produto e vendas sem perder histórico.</li>
                    <li class="mb-0"><strong>Dica:</strong> mantenha pelo menos Dinheiro, Cartão Crédito, Cartão Débito e PIX configurados.</li>
                </ul>
            </div>
        </div>
        <div class="card shadow-sm mb-3 border-success-subtle">
            <div class="card-header bg-success-subtle text-success-emphasis">
                <h5 class="mb-0"><i class="bi bi-credit-card-2-front"></i> Gateway EFi</h5>
            </div>
            <div class="card-body">
                <p class="small text-muted mb-3">
                    Configure a EFi por empresa para preparar PIX, cartão e a trilha futura de operação online e conciliação.
                </p>
                <a href="{{ safe_url_for('efi_configuracao', fallback=url_for('formas_pagamento_view')) }}"
                   class="btn btn-outline-success w-100 {% if not has_endpoint('efi_configuracao') %}disabled{% endif %}"
                   {% if not has_endpoint('efi_configuracao') %}onclick="return false;" aria-disabled="true" title="Configuração EFi indisponível neste runtime"{% endif %}>
                    <i class="bi bi-sliders"></i> Abrir configuração EFi
                </a>
            </div>
        </div>
        <div class="card shadow-sm mb-3 border-primary-subtle">
            <div class="card-header bg-primary-subtle text-primary-emphasis">
                <h5 class="mb-0"><i class="bi bi-credit-card"></i> Gateway Confra</h5>
            </div>
            <div class="card-body">
                <p class="small text-muted mb-3">
                    Configure a Confra por empresa para operar checkout transparente com UUID e consulta de status no PDV.
                </p>
                <a href="{{ safe_url_for('confra_configuracao', fallback=url_for('formas_pagamento_view')) }}"
                   class="btn btn-outline-primary w-100 {% if not has_endpoint('confra_configuracao') %}disabled{% endif %}"
                   {% if not has_endpoint('confra_configuracao') %}onclick="return false;" aria-disabled="true" title="Configuração Confra indisponível neste runtime"{% endif %}>
                    <i class="bi bi-sliders"></i> Abrir configuração Confra
                </a>
            </div>
        </div>
        <div class="card shadow-sm">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-file-earmark-text"></i> Tabela Fiscal (Resumo)</h5>
            </div>
            <ul class="list-group list-group-flush">
                {% for codigo, descricao in codigos_fiscais %}
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <span class="text-muted">{{ codigo }}</span>
                    <span class="small">{{ descricao.split(' - ', 1)[1] if '-' in descricao else descricao }}</span>
                </li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}