﻿<?php
try {
    if (session_status() !== PHP_SESSION_ACTIVE) {
        session_start();
    }

    if (!isset($_SESSION['usuario'])){
        header('location: pages/samples/login.php');
        exit();
    }

    date_default_timezone_set('America/Sao_Paulo');
    include 'db/conexao.php';
    include 'db/dados.php';
    include 'db/functions.php';
    require_once 'atualiza_atividade.php';

    foreach ($rs_sgfilial as $sgfilial);
    foreach ($rs_sgversao as $sgversao);
    foreach ($rs_sgsistema as $sgsistema);
    foreach ($rs_sgprefere as $sgprefere);
    foreach ($rs_sgsequencia as $sgsequencia);

    $meuidioma = $sgprefere->idioma ?? 'pt';
    if (!isset($_SESSION['lang'])) {
        $_SESSION['lang'] = $meuidioma;
    }
    if (isset($_GET['lang'])) {
        $_SESSION['lang'] = $_GET['lang'];
    }

    $lang = $_SESSION['lang'];
    $translations = json_decode(file_get_contents("lang/{$lang}.json"), true);

    $pageTitle = 'ALLES - Novo Cliente';

    // Carrega classificaÃ§Ãµes de clientes
    $conexao = conexao::getInstance();
    $qry_vdclascli = 'select * from vdclascli where codemp=:empcod order by descclascli';
    $dts_vdclascli = $conexao->prepare($qry_vdclascli);
    $dts_vdclascli->bindvalue(':empcod',$_SESSION['codemp']);
    $dts_vdclascli->execute();
    $rs_vdclascli = $dts_vdclascli->fetchAll(PDO::FETCH_OBJ);

    if (count($rs_vdclascli) === 0) {
        echo '<script>
            alert("Nenhuma ClassificaÃ§Ã£o de cliente encontrada.\\n\\nO sistema irÃ¡ redirecionar vocÃª para a tela de cadastro para criar as classificaÃ§Ãµes padrÃ£o.");
            window.location.href = "vdclascli.php";
          </script>';
        exit();
    }

    // Carrega tipos de clientes
    $qry_vdtipocli = 'select * from vdtipocli where codemp=:empcod order by desctipocli';
    $dts_vdtipocli = $conexao->prepare($qry_vdtipocli);
    $dts_vdtipocli->bindvalue(':empcod',$_SESSION['codemp']);
    $dts_vdtipocli->execute();
    $rs_vdtipocli = $dts_vdtipocli->fetchAll(PDO::FETCH_OBJ);

    if (count($rs_vdtipocli) === 0) {
        echo '<script>
            alert("Nenhuma Tipo de cliente encontrada.\\n\\nO sistema irÃ¡ redirecionar vocÃª para a tela de consulta dos Tipos de Cliente.");
            window.location.href = "vdtipocli.php";
         </script>';
        exit();
    }

    $isBrasil = ($sgfilial->codpais == 1058);
    $cpfDefault = !$isBrasil ? '11111111111' : '';
    $cpfReadonly = !$isBrasil ? 'readonly' : '';

} catch (Exception $e) {
    $codemp = $_SESSION['codemp'] ?? null;
    $usuario = $_SESSION['usuario'] ?? 'N/A';
    $data_erro = date('Y-m-d H:i:s');
    $mensagem_erro = $e->getMessage();
    $arquivo_erro = $e->getFile();
    $linha_erro = $e->getLine();
    $trace_erro = $e->getTraceAsString();
    $status_erro = 'P';

    try {
        $stmt = $conexao->prepare("INSERT INTO sgerros (codemp, usuario, data_erro, mensagem_erro, arquivo_erro, linha_erro, trace_erro, status) VALUES (:codemp, :usuario, :data_erro, :mensagem_erro, :arquivo_erro, :linha_erro, :trace_erro, :status_erro)");
        $stmt->bindValue(':codemp', $codemp);
        $stmt->bindValue(':usuario', $usuario);
        $stmt->bindValue(':data_erro', $data_erro);
        $stmt->bindValue(':mensagem_erro', $mensagem_erro);
        $stmt->bindValue(':arquivo_erro', $arquivo_erro);
        $stmt->bindValue(':linha_erro', $linha_erro);
        $stmt->bindValue(':trace_erro', $trace_erro);
        $stmt->bindValue(':status_erro', $status_erro);
        $stmt->execute();
    } catch (Exception $e_db_log) {
        error_log("ERRO FATAL: Falha ao registrar erro no banco de dados: " . $e_db_log->getMessage());
    }

    header("Location: error/index.html");
    exit;
}
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $pageTitle; ?></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles_moderno.css">
    <style>
        /* Toggle Menu Mobile */
        .sidebar-toggle-checkbox {
            display: none;
        }

        .sidebar-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 998;
        }

        .menu-toggle-btn {
            display: none;
            position: fixed;
            top: 1rem;
            right: 1rem;
            z-index: 1000;
            background-color: var(--primary-color, #007bff);
            color: white;
            border: none;
            padding: 0.75rem;
            border-radius: 0.5rem;
            cursor: pointer;
            font-size: 1.25rem;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        }

        @media (max-width: 768px) {
            .menu-toggle-btn {
                display: block;
            }

            .sidebar {
                position: fixed;
                left: -280px;
                top: 0;
                height: 100vh;
                width: 280px;
                transition: left 0.3s ease;
                z-index: 999;
                overflow-y: auto;
            }

            .sidebar-toggle-checkbox:checked ~ .container .sidebar {
                left: 0;
            }

            .sidebar-toggle-checkbox:checked ~ .sidebar-overlay {
                display: block;
            }

            .main-content {
                margin-left: 0;
                width: 100%;
            }
        }
    </style>
</head>
<body>
    <!-- Checkbox para toggle do menu -->
    <input type="checkbox" id="sidebar-toggle" class="sidebar-toggle-checkbox">

    <!-- BotÃ£o toggle menu mobile -->
    <label for="sidebar-toggle" class="menu-toggle-btn">
        <i class="fas fa-bars"></i>
    </label>

    <!-- Overlay para fechar o menu -->
    <label for="sidebar-toggle" class="sidebar-overlay"></label>

    <div class="container">
        <aside class="sidebar">
            <?php include 'header.php'; ?>
            <div id="sidebar-menu">
                <?php include 'menu.php'; ?>
            </div>
            <div class="company-info">
                <div class="company-name"><?php echo $sgfilial->nomeempresa ?? 'DEMONSTRATIVA ME'; ?></div>
                <div class="company-id"><?php echo $_SESSION['codemp']; ?> - LOJA TESTE</div>
            </div>
        </aside>

        <main class="main-content">
            <div class="top-bar">
                <div class="user-greeting">
                    <h2>Novo Cliente</h2>
                    <p>Cadastro de Cliente</p>
                </div>
                <div class="user-actions">
                    <button class="btn btn-outline" onclick="history.back()"><i class="fas fa-arrow-left"></i>Voltar</button>
                 
                </div>
            </div>

            <div class="card">
                <h3 class="card-title" style="margin-bottom: 1.5rem;">Dados do Cliente</h3>
                <form method="POST" action="pages/forms/act_vdcliente.php" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;">
                    <input type="hidden" name="acao" value="incluir">
                    <input type="hidden" name="codfilial" value="1">
                    <input type="hidden" name="codemp" value="<?=$_SESSION['codemp'];?>">
                    <input type="hidden" name="usuario" value="<?=$_SESSION['usuario'];?>">

                    <!-- Tipo de Cliente -->
                    <div style="grid-column: 1 / -1;">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Tipo de Cliente *</label>
                        <select name="codtipocli" id="codtipocli" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                            <?php if (!empty($rs_vdtipocli)): ?>
                                <?php foreach ($rs_vdtipocli as $vdtipocli): ?>
                                    <option value="<?= $vdtipocli->codtipocli; ?>"><?= $vdtipocli->desctipocli; ?></option>
                                <?php endforeach; ?>
                            <?php else: ?>
                                <option value="">NÃ£o hÃ¡ Tipos Cadastrados</option>
                            <?php endif; ?>
                        </select>
                    </div>

                    <!-- CPF/CNPJ -->
                    <div id="cpf-field">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">CPF</label>
                        <input type="text" class="form-control" oninput="this.value=formatarCPF(this.value)" maxlength="14" id="cpf" name="cpf" placeholder="CPF" value="<?= htmlspecialchars($cpfDefault) ?>" <?= $cpfReadonly ?> onkeyup="validarFormCPF()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <div id="cnpj-field">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">CNPJ</label>
                        <input type="text" class="form-control" oninput="formatarCNPJInput(this);" onblur="validarCNPJ(this);" id="cnpj" name="cnpj" placeholder="CNPJ" onkeyup="validarCNPJ()" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <span id="cnpj-validation"></span>
                    </div>

                    <!-- RazÃ£o Social -->
                    <div style="grid-column: 1 / -1;">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">RazÃ£o Social/Nome Completo *</label>
                        <input type="text" id="razcli" name="razcli" placeholder="RazÃ£o Social ou Nome Completo" onblur="preencherNomeCli();" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <small style="color: var(--gray-dark);">Informe RazÃ£o Social no caso de Pessoa JurÃ­dica ou Nome Completo no caso de Pessoa FÃ­sica</small>
                    </div>

                    <!-- Nome Fantasia -->
                    <div style="grid-column: 1 / -1;">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Nome Fantasia/Apelido *</label>
                        <input type="text" id="nomecli" name="nomecli" placeholder="Nome Fantasia/Apelido" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <small style="color: var(--gray-dark);">Informe Nome Fantasia no caso de Pessoa JurÃ­dica ou Repita o Nome Completo</small>
                    </div>

                    <!-- Cliente Ativo -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Cliente Ativo? *</label>
                        <select name="ativocli" id="ativocli" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                            <option value="SIM">Sim</option>
                            <option value="NÃƒO">NÃ£o</option>
                        </select>
                    </div>

                    <!-- ClassificaÃ§Ã£o -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">ClassificaÃ§Ã£o do Cliente *</label>
                        <select name="codclascli" id="codclascli" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                            <?php if(!empty($rs_vdclascli)):?>
                                <?php foreach($rs_vdclascli as $vdclascli):?>
                                    <option value="<?=$vdclascli->codclascli;?>"><?=$vdclascli->descclascli;?></option>
                                <?php endforeach;?>
                            <?php endif; ?>
                        </select>
                    </div>

                    <!-- RG -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">RG</label>
                        <input type="text" id="rgcli" name="rgcli" placeholder="RG" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- ENDEREÃ‡O E LOCALIZAÃ‡ÃƒO -->
                    <div style="grid-column: 1 / -1; border-top: 1px solid var(--gray-light); padding-top: 1rem; margin-top: 0.5rem;">
                        <h4 style="margin: 0 0 1rem 0; font-size: 0.95rem; color: var(--gray-dark); font-weight: 600;">EndereÃ§o e LocalizaÃ§Ã£o</h4>
                    </div>

                    <!-- CEP -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">CEP</label>
                        <input type="text" id="cep" name="cepcli" placeholder="CEP" maxlength="9" onKeyPress="MascaraCEP(this);" onBlur="ValidaCEP(this);" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- EndereÃ§o -->
                    <div style="grid-column: 1 / -1;">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">EndereÃ§o *</label>
                        <input type="text" id="endereco" name="endcli" placeholder="EndereÃ§o" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- NÃºmero -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">NÃºmero *</label>
                        <input type="text" id="numero" name="numcli" placeholder="NÃºmero" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Complemento -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Complemento</label>
                        <input type="text" id="complemento" name="complcli" placeholder="Complemento" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Bairro -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Bairro *</label>
                        <input type="text" id="bairro" name="baircli" placeholder="Bairro" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Cidade -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Cidade *</label>
                        <input type="text" id="cidade" name="cidcli" placeholder="Cidade" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- UF -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">UF *</label>
                        <input type="text" id="uf" name="ufcli" placeholder="UF"th="2" required style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- IBGE -->
                    <div <?= $isBrasil ? '' : 'style="display:none;"' ?>>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">IBGE</label>
                        <input type="<?= $isBrasil ? 'text' : 'hidden' ?>" id="ibge" name="ibgecli" placeholder="CÃ³digo IBGE" value="<?= htmlspecialchars($isBrasil ? '' : '99999') ?>" <?= $isBrasil ? 'required' : '' ?> style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- TELEFONE E CONTATO -->
                    <div style="grid-column: 1 / -1; border-top: 1px solid var(--gray-light); padding-top: 1rem; margin-top: 0.5rem;">
                        <h4 style="margin: 0 0 1rem 0; font-size: 0.95rem; color: var(--gray-dark); font-weight: 600;">Telefone e Contato</h4>
                    </div>

                    <!-- Telefone -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Telefone</label>
                        <input type="text" id="fonecli" name="fonecli" placeholder="Telefone" oninput="formatarTelefone(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <small style="color: var(--gray-dark);">Use para Telefone Fixo</small>
                    </div>

                    <!-- Celular 1 -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Celular (1)</label>
                        <input type="text" id="celcli" name="celcli" placeholder="Celular" oninput="formatarTelefone(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Celular 2 -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Celular (2)</label>
                        <input type="text" id="foneent" name="foneent" placeholder="Celular" oninput="formatarTelefone(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Email -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">E-mail</label>
                        <input type="email" id="emailcli" name="emailcli" placeholder="E-mail" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Email NFe -->
                    <div id="divEmailNfe">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">E-mail para envio de NFe</label>
                        <input type="email" id="emailnfecli" name="emailnfecli" placeholder="E-mail para envio de NFe" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <small style="color: var(--gray-dark);">Se preenchido, o email com Danfe e XML serÃ¡ enviado automaticamente</small>
                    </div>

                    <!-- REPRESENTANTE LEGAL -->
                    <div style="grid-column: 1 / -1; border-top: 1px solid var(--gray-light); padding-top: 1rem; margin-top: 0.5rem;">
                        <h4 style="margin: 0 0 1rem 0; font-size: 0.95rem; color: var(--gray-dark); font-weight: 600;">Representante Legal</h4>
                    </div>

                    <!-- Nome Contato -->
                    <div id="divContato" style="grid-column: 1 / -1;">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Nome Contato</label>
                        <input type="text" id="nomerespcli" name="nomerespcli" placeholder="Representante Legal/Contato" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Fone Contato -->
                    <div id="divFoneContato">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Fone Contato</label>
                        <input type="text" id="fonecob" name="fonecob" placeholder="Fone Contato" oninput="formatarTelefone(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- DETALHES E OPÃ‡Ã•ES -->
                    <div style="grid-column: 1 / -1; border-top: 1px solid var(--gray-light); padding-top: 1rem; margin-top: 0.5rem;">
                        <h4 style="margin: 0 0 1rem 0; font-size: 0.95rem; color: var(--gray-dark); font-weight: 600;">Detalhes e OpÃ§Ãµes</h4>
                    </div>

                    <!-- Consumidor Final -->
                    <div id="divConsumidor">
                        <label style="display: flex; align-items: center; gap: 0.5rem; font-weight: 500;">
                            <input type="checkbox" id="consumidorcli" name="consumidorcli" value="S">
                            Consumidor Final?
                        </label>
                    </div>

                    <!-- Simples Nacional -->
                    <div id="divSimples">
                        <label style="display: flex; align-items: center; gap: 0.5rem; font-weight: 500;">
                            <input type="checkbox" id="simplescli" name="simplescli" value="S">
                            Simples Nacional?
                        </label>
                    </div>

                    <!-- Data Nascimento -->
                    <div id="divDataNasc">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Data Nascimento</label>
                        <input type="text" id="dtnasccli" name="dtnasccli" placeholder="DD/MM/AAAA" oninput="formatarDataInput(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Pontos Clube -->
                    <div>
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Pontos Clube/Fidelidade</label>
                        <input type="text" id="qtdpontos" name="qtdpontos" readonly style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius); background-color: var(--gray-light);">
                    </div>

                    <!-- Saldo CrÃ©dito -->
                    <div id="divSldCred">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Saldo CrÃ©dito</label>
                        <input type="text" id="saldocredito" name="saldocredito" readonly style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius); background-color: var(--gray-light);">
                    </div>

                    <!-- CAPITAL SOCIAL E SITUAÃ‡ÃƒO -->
                    <div style="grid-column: 1 / -1; border-top: 1px solid var(--gray-light); padding-top: 1rem; margin-top: 0.5rem;">
                        <h4 style="margin: 0 0 1rem 0; font-size: 0.95rem; color: var(--gray-dark); font-weight: 600;">Capital Social e SituaÃ§Ã£o - Plano Empresa</h4>
                    </div>

                    <!-- Data Abertura -->
                    <div id="divDtAbe">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Data Abertura</label>
                        <input type="text" id="dataabecli" name="dataabecli" placeholder="DD/MM/AAAA" oninput="formatarDataInput(this)" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- Capital Social -->
                    <div id="divCapital">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Capital Social</label>
                        <input type="text" id="capitalcli" name="capitalcli" placeholder="Capital Social" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- InscriÃ§Ã£o Estadual -->
                    <div id="divInscCli">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">InscriÃ§Ã£o Estadual</label>
                        <input type="text" id="insccli" name="insccli" placeholder="InscriÃ§Ã£o Estadual" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                        <small style="color: var(--gray-dark);">Deixe em branco se nÃ£o tiver inscriÃ§Ã£o estadual. Use 'Isento' apenas para casos de isenÃ§Ã£o oficial.</small>
                    </div>

                    <!-- Natureza -->
                    <div id="divNatureza">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">Natureza</label>
                        <input type="text" id="naturezacli" name="naturezacli" placeholder="Natureza" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- SituaÃ§Ã£o -->
                    <div id="divSituacao">
                        <label style="display: block; margin-bottom: 0.5rem; font-weight: 500;">SituaÃ§Ã£o</label>
                        <input type="text" id="situacaocli" name="situacaocli" placeholder="SituaÃ§Ã£o" style="width: 100%; padding: 0.75rem; border: 1px solid var(--gray-light); border-radius: var(--border-radius);">
                    </div>

                    <!-- BotÃµes -->
                    <div style="grid-column: 1 / -1; display: flex; gap: 1rem; margin-top: 1rem;">
                        <button type="submit" class="btn btn-primary" style="flex: 1;">
                            <i class="fas fa-save"></i>Salvar
                        </button>
                        <button type="reset" class="btn btn-outline" style="flex: 1;">
                            <i class="fas fa-redo"></i>Limpar
                        </button>
                        <button type="button" class="btn btn-outline" style="flex: 1;" onclick="history.back()">
                            <i class="fas fa-times"></i>Cancelar
                        </button>
                    </div>
                </form>
            </div>

            <?php include 'footer.php'; ?>
        </main>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/MascaraValidacao.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/jquery.mask.min.js"></script>

    <?php include 'js_funcoes_sistema.php'; ?>

    <script>
        function atualizarCamposCliente() {
            var tipoCliente = $('#codtipocli').val();
            var cpfInput = $('#cpf');
            var cnpjInput = $('#cnpj');
            var divEmailNfe = $('#divEmailNfe');
            var divConsumidor = $('#divConsumidor');
            var divSimples = $('#divSimples');
            var divDataNasc = $('#divDataNasc');
            var divSldCred = $('#divSldCred');
            var divDtAbe = $('#divDtAbe');
            var divCapital = $('#divCapital');
            var divNatureza = $('#divNatureza');
            var divSituacao = $('#divSituacao');
            var divContato = $('#divContato');
            var divFoneContato = $('#divFoneContato');
            var divInscCli = $('#divInscCli');

            if (tipoCliente === '1') {
                cpfInput.prop('disabled', false).focus();
                cnpjInput.prop('disabled', true);
                divEmailNfe.hide();
                divConsumidor.hide();
                divSimples.hide();
                divSldCred.hide();
                divDtAbe.hide();
                divCapital.hide();
                divNatureza.hide();
                divSituacao.hide();
                divContato.hide();
                divFoneContato.hide();
                divDataNasc.show();
                divInscCli.hide();
            } else if (tipoCliente === '2') {
                cnpjInput.prop('disabled', false).focus();
                cpfInput.prop('disabled', true);
                divEmailNfe.show();
                divConsumidor.show();
                divSimples.show();
                divSldCred.show();
                divDtAbe.show();
                divCapital.show();
                divNatureza.show();
                divSituacao.show();
                divContato.show();
                divFoneContato.show();
                divDataNasc.hide();
                divInscCli.show();
            } else {
                cpfInput.prop('disabled', true);
                cnpjInput.prop('disabled', true);
                divEmailNfe.hide();
                divConsumidor.hide();
                divSimples.hide();
                divSldCred.hide();
                divDtAbe.hide();
                divCapital.hide();
                divNatureza.hide();
                divSituacao.hide();
                divContato.hide();
                divFoneContato.hide();
                divDataNasc.show();
                divInscCli.hide();
            }
        }

        $(document).ready(function() {
            $('#codtipocli').change(atualizarCamposCliente);
            atualizarCamposCliente();
        });

        $(document).ready(function() {
            $("#cep").blur(function() {
                var cep = $(this).val().replace(/\D/g, '');
                if (cep != "") {
                    var validacep = /^[0-9]{8}$/;
                    if (validacep.test(cep)) {
                        $("#endereco").val("...");
                        $("#bairro").val("...");
                        $("#cidade").val("...");
                        $("#uf").val("...");
                        $("#ibge").val("...");
                        $.getJSON("https://viacep.com.br/ws/" + cep + "/json/?callback=?", function(dados) {
                            if (!("erro" in dados)) {
                                $("#endereco").val(dados.logradouro);
                                $("#bairro").val(dados.bairro);
                                $("#cidade").val(dados.localidade);
                                $("#uf").val(dados.uf);
                                $("#ibge").val(dados.ibge);
                            } else {
                                alert("CEP nÃ£o encontrado.");
                            }
                        });
                    } else {
                        alert("Formato de CEP invÃ¡lido.");
                    }
                }
            });
        });
    </script>

    <style>
        .invalido {
            border: 3px solid red !important;
        }
        .valido {
            border: 1px solid green !important;
        }
    </style>

    <script>
        // Recuperar dados da consulta CNPJ do sessionStorage
        document.addEventListener('DOMContentLoaded', function() {
            const dadosCNPJ = sessionStorage.getItem('dadosCNPJ');

            if (dadosCNPJ) {
                try {
                    const dados = JSON.parse(dadosCNPJ);

                    // Selecionar PESSOA JURIDICA (valor 2) quando dados forem transportados
                    if (document.getElementById('codtipocli')) {
                        document.getElementById('codtipocli').value = '2';
                        // Disparar evento change para atualizar campos visÃ­veis
                        document.getElementById('codtipocli').dispatchEvent(new Event('change'));
                    }

                    // Preencher campos com os dados consultados
                    if (document.getElementById('razcli')) {
                        document.getElementById('razcli').value = dados.razao_social || '';
                    }
                    if (document.getElementById('nomecli')) {
                        document.getElementById('nomecli').value = dados.nome_fantasia || '';
                    }
                    if (document.getElementById('cnpj')) {
                        document.getElementById('cnpj').value = dados.cnpj || '';
                    }
                    if (document.getElementById('emailcli')) {
                        document.getElementById('emailcli').value = dados.email || '';
                    }
                    if (document.getElementById('fonecli')) {
                        document.getElementById('fonecli').value = dados.telefone || '';
                    }
                    if (document.getElementById('endereco')) {
                        document.getElementById('endereco').value = dados.endereco || '';
                    }
                    if (document.getElementById('numero')) {
                        document.getElementById('numero').value = dados.numero || '';
                    }
                    if (document.getElementById('complemento')) {
                        document.getElementById('complemento').value = dados.complemento || '';
                    }
                    if (document.getElementById('bairro')) {
                        document.getElementById('bairro').value = dados.bairro || '';
                    }
                    if (document.getElementById('cidade')) {
                        document.getElementById('cidade').value = dados.cidade || '';
                    }
                    if (document.getElementById('uf')) {
                        document.getElementById('uf').value = dados.uf || '';
                    }
                    if (document.getElementById('cep')) {
                        document.getElementById('cep').value = dados.cep || '';
                    }
                    if (document.getElementById('dataabecli')) {
                        document.getElementById('dataabecli').value = dados.abertura || '';
                    }
                    if (document.getElementById('capitalcli')) {
                        document.getElementById('capitalcli').value = dados.capital || '';
                    }
                    if (document.getElementById('situacaocli')) {
                        document.getElementById('situacaocli').value = dados.situacao || '';
                    }

                    // Limpar sessionStorage apÃ³s usar
                    sessionStorage.removeItem('dadosCNPJ');
                } catch (e) {
                    console.error('Erro ao processar dados CNPJ:', e);
                }
            }
        });
    </script>
</body>
</html>

