<%
input = 'w-full px-4 py-3 bg-[#0a0a0a] border border-white/10 rounded-xl text-white
placeholder-gray-600 focus:outline-none focus:border-[#f97316] focus:ring-1
focus:ring-[#f97316] transition-colors'
rotulo = 'block text-sm font-medium text-gray-300 mb-1.5'
ajuda = 'text-gray-500 text-xs mt-1.5'
toggle = "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer
peer-checked:after:translate-x-full peer-checked:after:border-white
after:content-[''] after:absolute after:top-[2px] after:left-[2px]
after:bg-white after:border-gray-300 after:border after:rounded-full
after:h-5 after:w-5 after:transition-all peer-checked:bg-[#f97316]"
%>
<%= form_with model: [:admin, contato], data: { turbo: false },
class: 'bg-[#1a1a1a] rounded-2xl border border-white/5 p-8 space-y-6' do |f| %>
<% if contato.errors.any? %>
<%= pluralize(contato.errors.count, 'erro', 'erros') %> encontrado<%= contato.errors.count > 1 ? 's' : '' %>:
<% contato.errors.full_messages.each do |msg| %>
<%= msg %>
<% end %>
<% end %>
<%# Pessoa x grupo do WhatsApp. O JavaScript no fim troca os blocos; sem JS a
página continua utilizável — os dois blocos ficam visíveis e o model limpa
o que não pertence ao tipo escolhido. %>
<%= f.label :tipo, 'Tipo de destinatário', class: rotulo %>
<%= f.select :tipo,
[['Pessoa (número ou e-mail)', 'pessoa'], ['Grupo do WhatsApp', 'grupo_whatsapp']], {},
class: "#{input} cursor-pointer", id: 'contato-tipo' %>
<%= f.label :nome, class: rotulo %>
<%= f.text_field :nome, required: true, placeholder: 'Maria Souza', class: input %>
Como aparece nas listas e em {{contato}}.
<%# ── Pessoa ──────────────────────────────────────────────── %>
Como falar com esta pessoa
<%= f.label :telefone, 'WhatsApp', class: rotulo %>
<%= f.text_field :telefone, placeholder: '(11) 92005-1157', class: input %>
Pode digitar com máscara — é normalizado ao salvar.
<%= f.label :email, 'E-mail', class: rotulo %>
<%= f.email_field :email, placeholder: 'maria@empresa.com', class: input %>
Sem e-mail, este contato só recebe WhatsApp.
<%# ── Grupo do WhatsApp ───────────────────────────────────── %>
<%# O identificador do grupo é opaco ("120363…@g.us") — digitar na mão é pedir
erro. A lista vem da ponte, com o número já conectado. %>
Qual grupo do WhatsApp
<% if contato.whatsapp_grupo_jid.present? %>
<%= contato.whatsapp_grupo_nome.presence || contato.whatsapp_grupo_jid %>
<% else %>
— carregue a lista —
<% end %>
<%= icone :buscar, cor: nil, tamanho: 'w-4 h-4', espaco: false %>
Buscar grupos
<%= f.hidden_field :whatsapp_grupo_nome, id: 'grupo-nome' %>
Só aparecem grupos em que o número conectado já é membro. Grupo com "somente
administradores" recusa o envio se o número não for admin.
<%# ── Assinatura e situação ───────────────────────────────── %>
<%= f.label :grupo_contato_id, 'Grupo', class: rotulo %>
<%= f.collection_select :grupo_contato_id, @grupos, :id, :nome,
{ include_blank: 'Sem grupo (não recebe nada)' }, class: "#{input} cursor-pointer" %>
É o grupo que define quais eventos este contato recebe.
<%= f.label :observacao, 'Observação', class: rotulo %>
<%= f.text_field :observacao, placeholder: 'Opcional', class: input %>
<%= f.label :ativo, 'Contato ativo', class: 'block text-sm font-medium text-gray-300' %>
Contato inativo continua cadastrado, mas não recebe nada
<%= f.check_box :ativo, class: 'sr-only peer' %>
<%= link_to 'Cancelar', admin_contatos_path, data: { turbo: false },
class: 'px-6 py-3 text-gray-400 hover:text-white border border-white/10
hover:border-white/20 rounded-xl transition-colors' %>
<%= f.submit contato.new_record? ? 'Criar Contato' : 'Salvar Alterações',
class: 'px-8 py-3 bg-[#f97316] hover:bg-orange-500 text-white font-semibold
rounded-xl transition-colors cursor-pointer min-h-[48px]' %>
<% end %>