<%= form_with model: [:admin, contato], data: { turbo: false }, class: 'space-y-5' do |f| %>
<% if contato.errors.any? %>
<% 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: 'block text-gray-400 text-sm mb-1' %>
<%= f.select :tipo,
[['Pessoa (número ou e-mail)', 'pessoa'], ['Grupo do WhatsApp', 'grupo_whatsapp']], {},
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500',
id: 'contato-tipo' %>
<%= f.label :nome, class: 'block text-gray-400 text-sm mb-1' %>
<%= f.text_field :nome, required: true,
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
Como aparece nas listas e em {{contato}}.
<%= f.label :telefone, 'WhatsApp', class: 'block text-gray-400 text-sm mb-1' %>
<%= f.text_field :telefone, placeholder: '(11) 92005-1157',
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
Pode digitar com máscara — é normalizado ao salvar.
<%= f.label :email, 'E-mail', class: 'block text-gray-400 text-sm mb-1' %>
<%= f.email_field :email,
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
<%# 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. %>
<%= f.label :whatsapp_grupo_jid, 'Grupo do WhatsApp', class: 'block text-gray-400 text-sm mb-1' %>
<% if contato.whatsapp_grupo_jid.present? %>
<%= contato.whatsapp_grupo_nome.presence || contato.whatsapp_grupo_jid %>
<% else %>
— carregue a lista —
<% end %>
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.
<%= f.label :grupo_contato_id, 'Grupo', class: 'block text-gray-400 text-sm mb-1' %>
<%= f.collection_select :grupo_contato_id, @grupos, :id, :nome, { include_blank: 'Sem grupo (não recebe nada)' },
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
É o grupo que define quais eventos este contato recebe.
<%= f.label :observacao, 'Observação', class: 'block text-gray-400 text-sm mb-1' %>
<%= f.text_field :observacao,
class: 'w-full bg-[#1a1a1a] border border-white/10 rounded-xl text-white text-sm px-3 py-2.5 focus:outline-none focus:border-orange-500' %>
<%= f.check_box :ativo, class: 'rounded border-white/20 bg-[#1a1a1a] text-orange-500' %>
Ativo
<%= f.submit 'Salvar', class: 'px-4 py-2.5 rounded-xl text-sm font-semibold bg-orange-500 text-black hover:bg-orange-400 cursor-pointer' %>
<%= link_to 'Cancelar', admin_contatos_path, data: { turbo: false }, class: 'text-gray-400 hover:text-white text-sm' %>
<% end %>