{% extends "base.html" %}
{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Configurações do Sistema{% endblock %}

{% block content %}
<div class="mb-4">
    <div class="d-flex justify-content-between align-items-center">
        <h1><i class="bi bi-gear-fill"></i> Configurações do Sistema</h1>
        <a href="{{ url_for('index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-sliders"></i> Parâmetros Globais</h5>
            </div>
            <div class="card-body">
                <form method="POST">
                    <!-- Nome do Sistema -->
                    <div class="mb-4">
                        <label class="form-label"><i class="bi bi-type"></i> Nome do Sistema</label>
                        <input type="text" class="form-control" name="nome_sistema" 
                               value="{{ config.nome_sistema or 'CapeServer' }}"
                               placeholder="CapeServer">
                        <small class="text-muted">Nome exibido no cabeçalho e títulos</small>
                    </div>

                    <hr>

                    <!-- WhatsApp de Suporte -->
                    <div class="mb-4">
                        <h6><i class="fab fa-whatsapp text-success"></i> WhatsApp de Suporte</h6>
                        <input type="text" class="form-control" name="whatsapp_suporte"
                               value="{{ config.whatsapp_suporte or '' }}"
                               placeholder="Ex.: 71999990000">
                        <small class="text-muted">
                            Número exibido no botão de suporte quando o cliente não tiver revenda vinculada.
                            Use somente dígitos (com DDD), sem pontos ou traços.
                        </small>
                    </div>
                    
                    <hr>
                    <div class="mb-4">
                        <h6><i class="bi bi-building-check"></i> Empresa Padrão do Sistema</h6>
                        <label class="form-label">Empresa usada automaticamente quando não houver empresa selecionada na sessão</label>
                        <select class="form-select" name="empresa_padrao_id">
                            <option value="">-- Selecionar empresa padrão --</option>
                            {% for empresa in empresas %}
                            <option value="{{ empresa.id }}" {% if empresa_padrao_id_atual == empresa.id %}selected{% endif %}>
                                {{ empresa_ui.nome(empresa) }}
                            </option>
                            {% endfor %}
                        </select>
                        <small class="text-muted">
                            Esta configuração afeta contextos automáticos (ex.: telas sem seleção explícita de empresa e rotinas de sync).
                        </small>
                    </div>

                    <hr>
                    
                    <!-- Multi-Empresa -->
                    <div class="mb-4">
                        <h6><i class="bi bi-buildings"></i> Modo Multi-Empresa</h6>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" 
                                   id="multi_empresa" name="multi_empresa"
                                   {% if config.multi_empresa %}checked{% endif %}>
                            <label class="form-check-label" for="multi_empresa">
                                Habilitar seleção de empresa nos formulários
                            </label>
                        </div>
                        <small class="text-muted">
                            Quando ativado, permite selecionar a empresa em:
                            <ul class="mb-0 mt-2">
                                <li>Lançamentos (Contas a Receber/Pagar)</li>
                                <li>Cadastro de Funcionários</li>
                                <li>Lançamentos Financeiros</li>
                                <li>Entradas de Notas (Importação XML)</li>
                            </ul>
                        </small>
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i>
                        <strong>Nota:</strong> Quando desabilitado, o sistema usará automaticamente a empresa principal 
                        (empresa padrão configurada acima; se não houver, usa a primeira empresa ativa).
                    </div>
                    
                    <hr>
                    
                    <!-- Controle de Estoque -->
                    <div class="mb-4">
                        <h6><i class="bi bi-box-seam"></i> Controle de Estoque</h6>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" 
                                   id="permitir_estoque_negativo" name="permitir_estoque_negativo"
                                   {% if config.permitir_estoque_negativo %}checked{% endif %}>
                            <label class="form-check-label" for="permitir_estoque_negativo">
                                Permitir vender com estoque negativo
                            </label>
                        </div>
                        <small class="text-muted">
                            Quando ativado, o sistema permite realizar vendas mesmo quando o produto não possui estoque disponível.
                            <strong class="text-warning">Use com cautela!</strong>
                        </small>
                    </div>

                    <div class="mb-4">
                        <h6><i class="bi bi-eye-slash"></i> Visibilidade de Produtos Inativos</h6>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch"
                                   id="ocultar_produtos_inativos_vendas_cadastro" name="ocultar_produtos_inativos_vendas_cadastro"
                                   {% if config.ocultar_produtos_inativos_vendas_cadastro %}checked{% endif %}>
                            <label class="form-check-label" for="ocultar_produtos_inativos_vendas_cadastro">
                                Ocultar produtos inativos nas telas de vendas e cadastro
                            </label>
                        </div>
                        <small class="text-muted">
                            Quando ativado, produtos inativos não aparecem em buscas/listas operacionais.
                            Para incluir inativos pontualmente, use <code>?mostrar_inativos=1</code> nas rotas compatíveis.
                        </small>
                    </div>
                    
                    <hr>

                    <!-- Taxa de Atendimento Automática (Food) -->
                    <div class="mb-4">
                        <h6><i class="bi bi-percent"></i> Taxa de Atendimento Automática (Food)</h6>
                        <p class="text-muted small">Define a taxa aplicada automaticamente nas comandas/mesas. Quando configurada como percentual, o sistema recalcula a taxa conforme novos itens são lançados.</p>
                        <div class="row g-2">
                            <div class="col-md-6">
                                <label class="form-label small text-muted mb-1">Tipo</label>
                                <select name="taxa_servico_padrao_tipo" class="form-select form-select-sm">
                                    <option value="percentual" {% if (config.taxa_servico_padrao_tipo or 'percentual') == 'percentual' %}selected{% endif %}>Percentual (%)</option>
                                    <option value="valor" {% if config.taxa_servico_padrao_tipo == 'valor' %}selected{% endif %}>Valor fixo (R$)</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small text-muted mb-1">Valor</label>
                                <input type="number" class="form-control form-control-sm" name="taxa_servico_padrao_valor" step="0.01" min="0" value="{{ config.taxa_servico_padrao_valor or 0 }}">
                            </div>
                        </div>
                        <small class="text-muted d-block mt-2">Ex.: 10 para 10% (acompanha a evolução da comanda) ou 5.00 para R$ 5,00 fixos.</small>
                    </div>

                    <hr>
                    
                    <!-- Código de Produto -->
                    <div class="mb-4">
                        <h6><i class="bi bi-upc"></i> Código de Produto</h6>
                        <p class="text-muted small">Define como o código interno do produto é gerado no cadastro.</p>
                        
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="codigo_produto_modo" 
                                   id="codigo_produto_automatico" value="automatico"
                                   {% if (config.codigo_produto_modo or 'automatico') == 'automatico' %}checked{% endif %}>
                            <label class="form-check-label" for="codigo_produto_automatico">
                                <strong>Automático</strong> - Sistema gera sequencialmente (último + 1)
                            </label>
                        </div>
                        <div class="form-check mt-2">
                            <input class="form-check-input" type="radio" name="codigo_produto_modo" 
                                   id="codigo_produto_manual" value="manual"
                                   {% if config.codigo_produto_modo == 'manual' %}checked{% endif %}>
                            <label class="form-check-label" for="codigo_produto_manual">
                                <strong>Manual</strong> - Usuário deve informar o código
                            </label>
                        </div>
                        <small class="text-muted mt-2 d-block">
                            <i class="bi bi-lightbulb"></i> Similar ao funcionamento da numeração de NF-e.
                        </small>
                    </div>
                    
                    <hr>
                    
                    <!-- Tabela de Preço Padrão -->
                    <div class="mb-4">
                        <h6><i class="bi bi-tags"></i> Tabela de Preço Padrão</h6>
                        <p class="text-muted small">Defina qual tabela de preço será usada por padrão em cada contexto.</p>
                        
                        <!-- CapePDV Desktop (global) -->
                        <div class="card mb-3">
                            <div class="card-header bg-dark text-white py-2">
                                <small><i class="bi bi-display"></i> CapePDV (Desktop)</small>
                            </div>
                            <div class="card-body py-2">
                                <select name="tabela_preco_padrao_cape_pdv_id" class="form-select form-select-sm">
                                    <option value="">-- Preço do Produto (padrão) --</option>
                                    {% for tabela in tabelas_preco %}
                                    <option value="{{ tabela.id }}" {% if config.tabela_preco_padrao_cape_pdv_id == tabela.id %}selected{% endif %}>
                                        {{ tabela.nome }} ({{ tabela.codigo }})
                                    </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        
                        <!-- Por Empresa -->
                        {% for empresa in empresas %}
                        <div class="card mb-2">
                            <div class="card-header py-2 bg-light">
                                <small><i class="bi bi-building"></i> {{ empresa_ui.nome(empresa) }}</small>
                            </div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-md-6">
                                        <label class="form-label small text-muted mb-1">Pedido de Venda</label>
                                        <select name="tabela_preco_pedido_{{ empresa.id }}" class="form-select form-select-sm">
                                            <option value="">-- Preço do Produto --</option>
                                            {% for tabela in tabelas_preco %}
                                            {% if tabela.empresa_id == empresa.id %}
                                            <option value="{{ tabela.id }}" {% if empresa.tabela_preco_padrao_pedido_id == tabela.id %}selected{% endif %}>
                                                {{ tabela.nome }}
                                            </option>
                                            {% endif %}
                                            {% endfor %}
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label small text-muted mb-1">PDV Web</label>
                                        <select name="tabela_preco_pdv_{{ empresa.id }}" class="form-select form-select-sm">
                                            <option value="">-- Preço do Produto --</option>
                                            {% for tabela in tabelas_preco %}
                                            {% if tabela.empresa_id == empresa.id %}
                                            <option value="{{ tabela.id }}" {% if empresa.tabela_preco_padrao_pdv_id == tabela.id %}selected{% endif %}>
                                                {{ tabela.nome }}
                                            </option>
                                            {% endif %}
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                    
                    <hr>

                    <!-- Parâmetros do PDV -->
                    <div class="mb-4">
                        <h6><i class="bi bi-shop-window"></i> Parâmetros do PDV</h6>
                        <p class="text-muted small mb-3">Configure o comportamento operacional do PDV Web e do CapePDV por empresa.</p>

                        {% for empresa in empresas %}
                        {% set pdv_empresa = (pdv_parametros_por_empresa or {}).get(empresa.id, {}) %}
                        <div class="card mb-2 border-primary-subtle">
                            <div class="card-header py-2 bg-light d-flex justify-content-between align-items-center">
                                <small><i class="bi bi-building"></i> {{ empresa_ui.nome(empresa) }}</small>
                                <span class="badge text-bg-light border">PDV Web + CapePDV</span>
                            </div>
                            <div class="card-body py-3">
                                <div class="form-check form-switch mb-2">
                                    <input class="form-check-input" type="checkbox" role="switch"
                                           id="pdv_solicitar_vendedor_{{ empresa.id }}"
                                           name="pdv_solicitar_vendedor_{{ empresa.id }}"
                                           {% if pdv_empresa.get('solicitar_vendedor') %}checked{% endif %}>
                                    <label class="form-check-label" for="pdv_solicitar_vendedor_{{ empresa.id }}">
                                        <strong>Exigir vendedor ao iniciar a venda</strong>
                                    </label>
                                </div>
                                <small class="text-muted d-block">
                                    Quando ativado, o operador precisa selecionar um vendedor antes de começar/finalizar a venda.
                                    No CapePDV a busca aceita código, nome, CPF e telefone; no PDV Web a busca aceita código/ID, nome e CPF.
                                </small>
                            </div>
                        </div>
                        {% endfor %}
                    </div>

                    <hr>
                    
                    <!-- Balança / Etiquetas -->
                    <div class="mb-4">
                        <h6><i class="bi bi-calculator"></i> Balança / Etiquetas</h6>
                        <p class="text-muted small">Configurações para leitura de etiquetas de balança Toledo (EAN-13 e Code 128).</p>

                        <!-- Tipo de código de barras -->
                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Tipo de Código de Barras</label>
                                <select class="form-select" name="balanca_tipo_barcode" id="balanca_tipo_barcode"
                                        onchange="toggleCode128Config(this.value)">
                                    <option value="ean13" {% if (config.balanca_tipo_barcode or 'ean13') == 'ean13' %}selected{% endif %}>
                                        EAN-13 (padrão — 13 dígitos)
                                    </option>
                                    <option value="code128" {% if config.balanca_tipo_barcode == 'code128' %}selected{% endif %}>
                                        Code 128 Toledo (mais campos)
                                    </option>
                                </select>
                            </div>
                        </div>

                        <!-- Seção EAN-13 -->
                        <div id="cfg_ean13" class="border rounded p-3 mb-3"
                             style="{{ 'display:none' if config.balanca_tipo_barcode == 'code128' else '' }}">
                            <h6 class="text-muted mb-3"><i class="bi bi-upc-scan"></i> Configuração EAN-13</h6>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Dígitos do Código do Produto</label>
                                    <input type="number" class="form-control" name="balanca_digitos"
                                           min="4" max="6" value="{{ config.balanca_digitos or 5 }}"
                                           placeholder="5">
                                    <small class="text-muted">Quantos dígitos após o "2" inicial representam o código do produto (4 a 6)</small>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Formato da Etiqueta</label>
                                    <select class="form-select" name="balanca_formato">
                                        <option value="produto_valor" {% if (config.balanca_formato or 'produto_valor') == 'produto_valor' %}selected{% endif %}>
                                            Produto + Valor (R$)
                                        </option>
                                        <option value="produto_quantidade" {% if config.balanca_formato == 'produto_quantidade' %}selected{% endif %}>
                                            Produto + Quantidade (peso)
                                        </option>
                                    </select>
                                    <small class="text-muted">Como interpretar os dígitos restantes da etiqueta</small>
                                </div>
                            </div>
                            <div class="form-check mt-3">
                                <input type="checkbox" class="form-check-input" name="balanca_codigo_igual"
                                       id="balanca_codigo_igual" value="1"
                                       {% if config.balanca_codigo_igual %}checked{% endif %}>
                                <label class="form-check-label" for="balanca_codigo_igual">
                                    <strong>Usar código interno do produto igual ao código da etiqueta</strong>
                                </label>
                                <div class="form-text">
                                    Quando ativo, produtos pesáveis podem ter o código interno igual ao código extraído da etiqueta.
                                </div>
                            </div>
                            <div class="alert alert-info mt-3 mb-0">
                                <i class="bi bi-info-circle"></i> <strong>Exemplo:</strong> Etiqueta <code>2000440016768</code><br>
                                <ul class="mb-0 small">
                                    <li><strong>Dígitos=5:</strong> Código produto = <code>44</code></li>
                                    <li><strong>Formato=Valor:</strong> Valor = <code>R$ 167,68</code></li>
                                </ul>
                            </div>
                        </div>

                        <!-- Seção Code 128 -->
                        <div id="cfg_code128" class="border rounded p-3 mb-3"
                             style="{{ '' if config.balanca_tipo_barcode == 'code128' else 'display:none' }}">
                            <h6 class="text-muted mb-3"><i class="bi bi-upc-scan"></i> Configuração Code 128 Toledo</h6>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Tipo de Code 128</label>
                                    <select class="form-select" name="balanca_code128_tipo" id="balanca_code128_tipo"
                                            onchange="toggleLayoutPersonalizado(this.value)">
                                        <option value="1"  {% if (config.balanca_code128_tipo or 1)|int == 1  %}selected{% endif %}>Tipo 1 — EAN-13 + Data Validade (20 dígitos)</option>
                                        <option value="2"  {% if (config.balanca_code128_tipo or 1)|int == 2  %}selected{% endif %}>Tipo 2 — EAN-13 + Data + Hora Validade (24 dígitos)</option>
                                        <option value="3"  {% if (config.balanca_code128_tipo or 1)|int == 3  %}selected{% endif %}>Tipo 3 — EAN-13 + Data + Hora + Balança + Seq (32 dígitos)</option>
                                        <option value="4"  {% if (config.balanca_code128_tipo or 1)|int == 4  %}selected{% endif %}>Tipo 4 — EAN-13 + Data Validade + Lote (32 dígitos)</option>
                                        <option value="5"  {% if (config.balanca_code128_tipo or 1)|int == 5  %}selected{% endif %}>Tipo 5 — EAN-13 + Loja + Operador + DV (22 dígitos)</option>
                                        <option value="6"  {% if (config.balanca_code128_tipo or 1)|int == 6  %}selected{% endif %}>Tipo 6 — EAN-13 + Peso/Qtde + Data + Hora + Balança (30 dígitos)</option>
                                        <option value="7"  {% if (config.balanca_code128_tipo or 1)|int == 7  %}selected{% endif %}>Tipo 7 — EAN-13 + Peso/Qtde + Data + Balança + Seq (32 dígitos)</option>
                                        <option value="8"  {% if (config.balanca_code128_tipo or 1)|int == 8  %}selected{% endif %}>Tipo 8 — EAN-13 + Preço Total + Data + 00 + DV (28 dígitos)</option>
                                        <option value="9"  {% if (config.balanca_code128_tipo or 1)|int == 9  %}selected{% endif %}>Tipo 9 — EAN-13 + Peso/Qtde + Data (24 dígitos)</option>
                                        <option value="10" {% if (config.balanca_code128_tipo or 1)|int == 10 %}selected{% endif %}>Tipo 10 — EAN-13 + Peso/Qtde + Data + 00 + DV (28 dígitos)</option>
                                        <option value="11" {% if (config.balanca_code128_tipo or 1)|int == 11 %}selected{% endif %}>Tipo 11 — EAN-13 + Peso/Qtde + Data + Preço Prom (30 dígitos)</option>
                                        <option value="12" {% if (config.balanca_code128_tipo or 1)|int == 12 %}selected{% endif %}>Tipo 12 — EAN-13 sem DV + Data Validade (20 dígitos)</option>
                                        <option value="13" {% if (config.balanca_code128_tipo or 1)|int == 13 %}selected{% endif %}>Tipo 13 — EAN-13 + Data Validade + Operador (22 dígitos) ★</option>
                                        <option value="14" {% if (config.balanca_code128_tipo or 1)|int == 14 %}selected{% endif %}>Tipo 14 — EAN-13 + Peso/Qtde + Data + Operador (28 dígitos) ★</option>
                                        <option value="15" {% if (config.balanca_code128_tipo or 1)|int == 15 %}selected{% endif %}>Tipo 15 — Personalizado (layout configurável)</option>
                                    </select>
                                    <small class="text-muted">★ = contém campo de Operador/Vendedor</small>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Dígitos do Código do Produto na Etiqueta</label>
                                    <input type="number" class="form-control" name="balanca_digitos"
                                           min="4" max="6" value="{{ config.balanca_digitos or 6 }}" placeholder="6">
                                    <small class="text-muted">Dentro do EAN-13 embutido no Code 128 (4 a 6 dígitos)</small>
                                </div>
                            </div>

                            <!-- Layout personalizado (Tipo 15) -->
                            <div id="cfg_layout_personalizado" class="mt-3"
                                 style="{{ '' if (config.balanca_code128_tipo or 1)|int == 15 else 'display:none' }}">
                                <label class="form-label fw-semibold">Layout Personalizado (JSON)</label>
                                <textarea class="form-control font-monospace" name="balanca_code128_layout_json"
                                          rows="6" placeholder='[{"campo": "ean13", "tamanho": 13}, {"campo": "operador", "tamanho": 3}, ...]'>{{ config.balanca_code128_layout_json or '' }}</textarea>
                                <div class="form-text">
                                    Campos disponíveis:
                                    <code>ean13</code>(13), <code>ean13_semdv</code>(12), <code>peso_qtde</code>(5 ou 6),
                                    <code>preco_total</code>(6), <code>data_val</code>(6), <code>hora_val</code>(4),
                                    <code>operador</code>(3), <code>loja</code>(4 ou 5), <code>balanca</code>(2),
                                    <code>seq</code>(6 ou 7), <code>lote</code>(12), <code>dv</code>(1), <code>zero</code>(1).
                                    Limite: 32 caracteres no total.
                                </div>
                            </div>

                            <!-- Operador como vendedor -->
                            <div class="form-check mt-3">
                                <input type="checkbox" class="form-check-input" name="balanca_operador_como_vendedor"
                                       id="balanca_operador_como_vendedor" value="1"
                                       {% if config.balanca_operador_como_vendedor %}checked{% endif %}>
                                <label class="form-check-label" for="balanca_operador_como_vendedor">
                                    <strong>Vincular operador da etiqueta como vendedor da venda</strong>
                                </label>
                                <div class="form-text">
                                    Quando ativo e a etiqueta contém o campo Operador (tipos 5, 13 ou 14),
                                    o operador é vinculado como vendedor do item no PDV (requer cadastro em Pessoas → Operador de Balança).
                                </div>
                            </div>

                            <div class="alert alert-info mt-3 mb-0">
                                <i class="bi bi-info-circle"></i>
                                <strong>Tipos com Operador:</strong> Tipo 5 (Loja + Operador), Tipo 13 (Data + Operador), Tipo 14 (Peso + Data + Operador).<br>
                                Para usar o campo Operador, cadastre as pessoas em <strong>Cadastro → Pessoas</strong> marcando
                                <em>"Operador de Balança"</em> e informando o código numérico da balança (ex.: <code>012</code>).
                            </div>
                        </div>
                    </div>

                    <script>
                    function toggleCode128Config(val) {
                        document.getElementById('cfg_ean13').style.display   = (val === 'ean13')    ? '' : 'none';
                        document.getElementById('cfg_code128').style.display = (val === 'code128')  ? '' : 'none';
                    }
                    function toggleLayoutPersonalizado(val) {
                        document.getElementById('cfg_layout_personalizado').style.display = (val == '15') ? '' : 'none';
                    }
                    </script>


                    
                    <hr>
                    
                    <!-- Mensagem de Marketing -->
                    <div class="mb-4">
                        <h6><i class="bi bi-megaphone"></i> Mensagem de Marketing</h6>
                        <p class="text-muted small">Mensagem fixa que será exibida nos pedidos de venda impressos.</p>
                        
                        {% for empresa in empresas %}
                        <div class="card mb-2">
                            <div class="card-header py-2 bg-light d-flex justify-content-between align-items-center">
                                <small><i class="bi bi-building"></i> {{ empresa_ui.nome(empresa) }}</small>
                                <div class="form-check form-switch mb-0">
                                    <input class="form-check-input" type="checkbox" role="switch"
                                           id="msg_marketing_ativa_{{ empresa.id }}" 
                                           name="msg_marketing_ativa_{{ empresa.id }}"
                                           {% if empresa.mensagem_marketing_ativa != False %}checked{% endif %}>
                                    <label class="form-check-label small" for="msg_marketing_ativa_{{ empresa.id }}">Ativa</label>
                                </div>
                            </div>
                            <div class="card-body py-2">
                                <textarea name="msg_marketing_{{ empresa.id }}" 
                                          class="form-control form-control-sm" rows="2"
                                          placeholder="Ex: Obrigado pela preferência! Visite nossa loja: www.suaempresa.com.br">{{ empresa.mensagem_marketing or '' }}</textarea>
                                <small class="text-muted">Essa mensagem aparece na impressão do pedido de venda</small>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                    
                    <hr>
                    
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ url_for('index') }}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Cancelar
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> Salvar Configurações
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card bg-light">
            <div class="card-header">
                <h6 class="mb-0"><i class="bi bi-info-circle"></i> Informações</h6>
            </div>
            <div class="card-body">
                <p class="small mb-2">
                    <strong>Multi-Empresa:</strong> Use quando precisar separar operações por empresa 
                    (matriz, filiais, ou empresas diferentes no mesmo sistema).
                </p>
                <p class="small mb-0 text-muted">
                    <strong>Última atualização:</strong><br>
                    {% if config.data_atualizacao %}
                        {{ config.data_atualizacao.strftime('%d/%m/%Y %H:%M') }}
                    {% else %}
                        Nunca alterado
                    {% endif %}
                </p>
            </div>
        </div>
        
        <!-- Links Rápidos -->
        <div class="card mt-3">
            <div class="card-header">
                <h6 class="mb-0"><i class="bi bi-link-45deg"></i> Outras Configurações</h6>
            </div>
            <div class="list-group list-group-flush">
                <a href="{{ url_for('empresas') }}" class="list-group-item list-group-item-action">
                    <i class="bi bi-building"></i> Empresas
                </a>
                <a href="{{ url_for('usuarios') }}" class="list-group-item list-group-item-action">
                    <i class="bi bi-people"></i> Usuários
                </a>
                <a href="{{ url_for('formas_pagamento_view') }}" class="list-group-item list-group-item-action">
                    <i class="bi bi-credit-card"></i> Formas de Pagamento
                </a>
                <a href="{{ url_for('backup') }}" class="list-group-item list-group-item-action">
                    <i class="bi bi-hdd"></i> Backup
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}