> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nextmed.med.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Módulo Serviços

> Lista de serviços em grade de cards e cadastro com modais aninhados (usuários e plataformas).

Fonte: `MANAGER/Módulo Serviços/`. **Status original:** em revisão.

## Listar serviços — página inteira

**Grade de cards** com serviços integrados: logotipo, categoria, provedor, descrição. Botão **Novo serviço** abre o fluxo de cadastro. Clique no card leva ao **detalhe** (rota com UUID na doc original).

### Conteúdo por card

| Elemento  | Descrição                  |
| --------- | -------------------------- |
| Logotipo  | Imagem do provedor         |
| Categoria | Ex.: Bancário, Hospedagem  |
| Provedor  | Nome do produto/fornecedor |
| Descrição | Texto curto                |

### Ações

| Ação           | Comportamento                    |
| -------------- | -------------------------------- |
| Voltar         | Tela anterior                    |
| Novo serviço   | Abre modal principal de cadastro |
| Clique no card | Detalhe/edição do serviço        |

### Exemplos catalogados (doc original)

Categorias/produtos como Banco CORA, Assinatura digital, CFM, Apple Developer, domínio nextmed.med.br, Hostgator, API de CPF.

## Novo serviço — modal principal e sub-modais

### Modal principal — campos

| Campo                                | Obrigatório              | Notas                   |
| ------------------------------------ | ------------------------ | ----------------------- |
| Nome                                 | Sim (destacado se vazio) |                         |
| URL de acesso                        | Não                      | Botão colar             |
| Tipo de serviço                      | —                        | Botão ⊕ pode criar tipo |
| Descrição                            | Não                      | Textarea                |
| Datas início/vencimento              | Não                      | Date picker             |
| Forma de pagamento / Modelo cobrança | Não                      | Selects                 |
| Valor do serviço                     | Não                      | Numérico                |

**Alerta de vencimento:** configurado via sub-modal **Notificar usuários** (tabela + ⊕ por linha).

**Plataformas:** sub-modal **Plataformas** — ex.: Nextmed Administrativo, Institucional, PWA.

### Sub-modal Notificar usuários

Pesquisa, colunas Nome/Perfil/Ações (⊕), usuários selecionados, paginação, **Salvar** retorna ao modal pai.

### Sub-modal Plataformas

Pesquisa, # / Plataforma / Ações (⊕ verde), **Salvar** confirma vínculos.

<Warning>
  Nome é obrigatório; **Salvar** do modal principal pode ficar desabilitado até validação. Sub-modais empilham sobre o principal (overlay).
</Warning>

## Fluxo resumido

```mermaid theme={"system"}
flowchart TB
  G[Grade serviços] -->|Novo| MP[Modal principal]
  MP --> NU[Sub: Notificar usuários]
  MP --> PL[Sub: Plataformas]
  NU --> MP
  PL --> MP
  MP -->|Salvar| G
  G -->|Clique card| Det[Detalhe]
```