<?php
// Depto de Engenharia e Automacao - Master Automacao - Autor: Derlivon Silva
/** @var string $titulo @var string $valor @var bool $salvo @var string $msg @var string $erro */

// View injetada em $content do layouts/main.php — não declarar extends/include de layout.
$e = fn($v) => htmlspecialchars((string)$v, ENT_QUOTES, 'UTF-8');
?>

<div style="max-width:760px;margin:0 auto">

    <h1 style="font-size:1.35rem;color:#1e293b;margin:0 0 .35rem 0;display:flex;align-items:center;gap:.55rem">
        <i class="bi bi-tags-fill" style="color:#0ea5e9"></i>
        Operações que contam como venda
    </h1>
    <p style="color:#64748b;font-size:.85rem;margin:0 0 1.2rem 0">
        Configure quais códigos de operação do ERP Fire Sistemas devem entrar no faturamento do Premium Express BI.
    </p>

    <?php if (!empty($salvo)): ?>
        <div class="alert alert-success" style="border-radius:10px;display:flex;align-items:center;gap:.5rem">
            <i class="bi bi-check-circle-fill"></i>
            <span><?= $e($msg ?: 'Configuração salva.') ?></span>
        </div>
    <?php endif; ?>

    <?php if (!empty($erro)): ?>
        <div class="alert alert-danger" style="border-radius:10px;display:flex;align-items:center;gap:.5rem">
            <i class="bi bi-exclamation-triangle-fill"></i>
            <span><?= $e($erro) ?></span>
        </div>
    <?php endif; ?>

    <div style="background:#fff;border:1px solid #e2e8f0;border-radius:14px;
                padding:1.25rem 1.4rem;box-shadow:0 1px 3px rgba(15,23,42,.04)">

        <div style="background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;
                    padding:.7rem .9rem;margin-bottom:1.1rem;font-size:.82rem;color:#075985;line-height:1.55">
            <strong style="display:block;margin-bottom:.2rem">
                <i class="bi bi-info-circle-fill"></i> Como funciona
            </strong>
            Informe os códigos de operação (<code>COD_TIPO_OPERACAO</code>) que devem ser somados
            como venda no Premium Express BI. Separe por vírgula.<br>
            Exemplo: <code>115</code> ou <code>115, 289</code>
        </div>

        <form method="post" action="/configuracao/tipos-venda" autocomplete="off">

            <label for="codigos"
                   style="display:block;font-size:.78rem;color:#475569;font-weight:600;
                          letter-spacing:.02em;margin-bottom:.35rem">
                OPERAÇÕES
            </label>
            <input type="text"
                   id="codigos"
                   name="codigos"
                   value="<?= $e($valor) ?>"
                   inputmode="numeric"
                   placeholder="ex: 115, 289"
                   style="width:100%;padding:.55rem .75rem;border:1px solid #cbd5e1;
                          border-radius:8px;font-size:.95rem;font-family:ui-monospace,monospace;
                          background:#f8fafc;outline:none;transition:border-color .15s,box-shadow .15s"
                   onfocus="this.style.borderColor='#0ea5e9';this.style.boxShadow='0 0 0 3px rgba(14,165,233,.15)';this.style.background='#fff'"
                   onblur="this.style.borderColor='#cbd5e1';this.style.boxShadow='none';this.style.background='#f8fafc'">

            <p style="font-size:.72rem;color:#94a3b8;margin:.35rem 0 0 0">
                Só números e vírgulas. Deixe em branco para voltar ao critério padrão (TIPO_NATUREZA = V).
            </p>

            <div style="display:flex;align-items:center;gap:.6rem;margin-top:1.2rem">
                <button type="submit" class="btn btn-primary"
                        style="background:#0ea5e9;border-color:#0ea5e9;font-weight:600;
                               padding:.5rem 1.2rem;border-radius:8px">
                    <i class="bi bi-save"></i> Salvar
                </button>
                <a href="/" class="btn btn-link" style="color:#64748b;text-decoration:none;font-size:.85rem">
                    Cancelar
                </a>
            </div>
        </form>
    </div>

    <p style="font-size:.72rem;color:#94a3b8;text-align:center;margin:1rem 0 0 0">
        Ao salvar, o arquivo <code>config/database.php</code> é regravado (com backup automático)
        e o cache do BI é limpo.
    </p>

</div>
