Aqui está o seu script HTML/JavaScript totalmente atualizado. Para atender ao seu pedido, fiz as seguintes alterações estruturais na lógica de montagem do menu: 1. Adicionei o novo objeto de configuração `manualOperacaoMenuConfig` contendo o item **"Manual de Operação"** e seu filho **"Perda de Ticket"**. 2. Atualizei a função `reorganizeMenu()` para injetar dinamicamente esse novo bloco de menu logo após a renderização do *SAE WEB* e do *SAE Desktop*. 3. Apliquei a mesma regra de comportamento de expansão automática por URL (caso o usuário já acesse diretamente o link da perda de ticket). ```html ```
O módulo de Modelos de Assinatura permite criar planos recorrentes para clientes — como mensalidades de estacionamento, contratos empresariais e convênios de longa duração. Aqui você define o valor, a frequência de cobrança e as regras que serão aplicadas a cada assinante.
Um modelo de assinatura é um "molde" que define:
Quando um cliente é vinculado a um modelo, o sistema gera cobranças automaticamente conforme as regras definidas.

A tela principal exibe todos os modelos de assinatura já cadastrados.

| Coluna | Descrição |
|---|---|
| Código | Identificador único do modelo. |
| Produto | Nome do plano (ex: "Mensal Estacionamento"). |
| Grupo | Categoria do plano (ex: "Mensalistas", "Convênios"). |
| Tabela | Tabela de preços utilizada para cálculo do valor. |
| Valor Ref. | Valor base da assinatura. |
| Validade (Meses) | Período de vigência do plano. |
Clique em + NOVO MODELO para abrir o formulário.

Nome que identifica o plano internamente (ex: "Mensal Estacionamento", "Plano Empresa VIP").
Define de quanto em quanto tempo a cobrança será gerada. Exemplos:
1 — cobrança mensal.3 — cobrança trimestral.12 — cobrança anual.Selecione a tabela de preços que definirá o valor da assinatura. Pode ser a tabela padrão do rotativo ou uma tabela específica com valores fixos para assinantes.
Organiza os assinantes em categorias. Isso facilita filtros e relatórios.
Exemplos de grupos:
Define quando a cobrança será gerada a cada ciclo:
0 (Dinâmico) — o vencimento é baseado na data de adesão do cliente. Se ele contratou no dia 15, as cobranças vencerão todo dia 15.5) — a cobrança será gerada sempre no dia 5 de cada mês, independentemente da data de adesão.Campo de texto para descrever o plano que será exibido ao cliente. Você pode usar tags dinâmicas que são substituídas automaticamente:
Use os botões abaixo do campo para inserir cada tag.
Ao clicar no ícone de edição, o mesmo formulário é aberto com os dados preenchidos.

O que pode ser editado:
Funciona da mesma forma que a criação, com os dados já carregados.
Ações:
Cada modelo de assinatura pode ser vinculado a uma ou mais filiais. Isso define em quais unidades o plano estará disponível para contratação.

Informações exibidas:
| Coluna | Descrição |
|---|---|
| Filial | Nome da unidade. |
| URL | Link de acesso à filial. |
| Status | Ativo — o plano está disponível para uso. |
| Ações | Ícone para remover a associação. |
Quando o modelo está configurado e associado a uma filial, o cliente pode visualizar e contratar o plano através do painel de compra (acessível pelo sistema ou integração).

Além da configuração administrativa, os modelos de assinatura estão disponíveis para compra direta pelos clientes por meio do Painel de Compra de Assinatura (acessível via link ou integração). Este fluxo é totalmente autoatendimento e não requer intervenção do operador do estacionamento.
Ao acessar o link de compra (ex: https://paymov.com.br/painel/...), o cliente se depara com a tela Identificação Necessária, com duas opções:
| Aba | Descrição |
|---|---|
| Já tenho conta | Cliente já cadastrado informa e-mail e senha para login. |
| Criar nova conta | Novo usuário preenche e-mail, senha e realiza o cadastro (dados complementares serão solicitados posteriormente). |

Após login bem-sucedido, o sistema redireciona para a listagem de planos disponíveis para a filial selecionada.
O cliente visualiza os planos em cards, cada um contendo:
O valor exibido considera o pagamento proporcional ao período restante do mês corrente, quando aplicável. Por exemplo, uma assinatura de R$ 100,00 contratada no dia 27/05 pode custar R$ 83,33 até o vencimento no dia 05/06.
Após clicar em ADQUIRIR, o cliente é direcionado para a tela Pagamento de Assinatura, onde são exibidos:
| Botão | Meio de pagamento | Descrição |
|---|---|---|
| Pix | QR Code / Copia e Cola | Gera um QR Code e um código copiável para pagamento via Pix (validade típica de 15 a 30 minutos). |
| Cartão de Crédito | Cartão de crédito | Abre formulário para inserção dos dados do cartão. |


O formulário Pagamento Mensalista é dividido em duas seções:
Dados do pagamento (somente leitura):
Dados do cartão (campos obrigatórios):
| Campo | Descrição |
|---|---|
| Titular | Nome impresso no cartão. |
| Bandeira | Seletor com as bandeiras aceitas (Visa, Mastercard, etc.). |
| Número | Número do cartão (16 dígitos). |
| Mês Vencimento | Mês de expiração (01-12). |
| Ano Vencimento | Ano de expiração (4 dígitos). |
| CVV | Código de segurança (3-4 dígitos). |
| Salvar cartão para futuros pagamentos | Checkbox – se marcado, o cartão fica armazenado (tokenizado) para compras futuras ou renovações automáticas. |
Botão Pagar – envia a transação para a adquirente. Após aprovação, a assinatura é ativada.

Após o pagamento ser confirmado, o cliente vê uma tela de sucesso com os dados da transação:
| Campo | Exemplo |
|---|---|
| Tipo | Pagamento de Assinatura |
| ID de Venda | 1092 |
| Data | 27/05/2026 - 15:16 |
| ID Pagamento | 171644 |
| Forma Pagto | PIX / Cartão de Crédito |
| Validade | 27/05/2026 - 19:05 |
| TOTAL PAGO | R$ 1,50 |
A tela inclui um QR Code (estilizado) e um link de acesso ao comprovante online (https://paymov.com.br/...). Botões para Baixar (PDF) e Imprimir estão disponíveis.
A assinatura torna-se ativa imediatamente após a confirmação do pagamento.

Todo cliente que adquire uma assinatura (ou cria uma conta) tem acesso a uma área exclusiva, chamada Paymov Painel, onde pode gerenciar suas assinaturas, ver histórico de pagamentos, editar dados pessoais e muito mais. O acesso é feito pelo mesmo e-mail e senha utilizados na compra.

No canto superior direito da tela, o avatar do usuário (iniciais) abre um menu com a opção Minha Conta, que leva ao painel. A interface principal possui um menu hambúrguer à esquerda com as seguintes seções:
| Seção | Descrição |
|---|---|
| Home | Dashboard com gráficos de uso do estacionamento (Histórico – Timeline e Análise Gráfica). Permite filtrar por período (Data de início/fim). |
| Meu perfil | Edição de dados cadastrais: nome, telefone, e-mail, senha, cartões salvos e geração de QR Code pessoal. |
| Relatórios | Listagem do Histórico de Transações (pagamentos de assinaturas) com filtros por período, meio de pagamento etc. Permite exportar (CSV/XLS). |
| Meus Estacionamentos | Visualização dos estabelecimentos (filiais) onde o cliente possui assinaturas ativas ou canceladas. |
| Assinaturas | Gerenciamento detalhado de todos os planos contratados. |
| Selos Digitais | Pacotes de selos adquiridos (se aplicável). |
| Sair | Encerra a sessão. |
Dividido em abas:
| Aba | Funcionalidades |
|---|---|
| Dados Pessoais | Nome, CPF (somente leitura), telefone, e-mail. Botão Salvar Alterações. |
| Segurança | Alteração de senha, ativação de autenticação de dois fatores (se disponível). |
| Cartões | Lista de cartões salvos (tokenizados) com opções de remover ou definir como padrão. |
| Meu QR | Exibe um QR Code com o identificador único do cliente (Paymov Code) para uso em integrações ou acesso rápido. |

Lista cada plano contratado, com status visual:
| Status | Cor | Descrição |
|---|---|---|
| Liberado para Uso | Verde | Assinatura ativa, com pagamento em dia. |
| Cancelada | Vermelho | Assinatura encerrada (por solicitação ou inadimplência). |
| Pendente | Amarelo | Aguardando primeiro pagamento ou renovação. |

Cada card de assinatura exibe:
O cliente pode clicar no ícone de três pontos (?) no canto superior direito do card para ações adicionais (ex: cancelar renovação automática, solicitar cancelamento da assinatura, alterar forma de pagamento).
Caso o estabelecimento ofereça selos digitais (créditos para estacionamento), o cliente vê a lista de pacotes adquiridos, com saldo, validade e detalhes de uso.
Caso deseje cancelar a renovação, clica no ícone de três pontos e seleciona Desativar renovação automática (a assinatura continua ativa até o fim do ciclo corrente, mas não será renovada).
| Campo | Valor |
|---|---|
| Nome do Plano | Mensalista Padrão |
| Periodicidade | 1 mês |
| Tabela de Preço | Tabela Mensalista (R$ 150,00) |
| Grupo | Mensalistas |
| Dia de Vencimento | 5 |
Todo dia 5, o sistema gera uma cobrança de R$ 150,00 para cada cliente vinculado a este plano.
| Campo | Valor |
|---|---|
| Nome do Plano | Corporativo Trimestral |
| Periodicidade | 3 meses |
| Tabela de Preço | Tabela Corporativa (R$ 400,00) |
| Grupo | Empresas |
| Dia de Vencimento | 10 |
A cada 3 meses, no dia 10, o sistema cobra R$ 400,00 dos clientes empresariais.
| Campo | Valor |
|---|---|
| Nome do Plano | Convênio VIP |
| Periodicidade | 1 mês |
| Tabela de Preço | Tabela Convênio (R$ 100,00) |
| Grupo | Convênios |
| Dia de Vencimento | 0 (Dinâmico) |
O vencimento é baseado na data de adesão de cada cliente do convênio.
0 é ideal para clientes que aderem em datas variadas.