<%# Header — mesmo padrão de Usuários: título, subtítulo e ação primária %>

<%= icone :usuarios, espaco: false %> Contatos

Quem recebe as mensagens. Quem tem só número recebe só WhatsApp; quem tem só e-mail recebe só e-mail.

<%= link_to new_admin_contato_path(grupo_id: params[:grupo_id]), data: { turbo: false }, class: 'inline-flex items-center gap-2 px-5 py-3 bg-[#f97316] hover:bg-orange-500 text-white font-semibold rounded-xl transition-colors min-h-[48px] whitespace-nowrap' do %> <%= icone :adicionar, cor: nil, tamanho: 'w-5 h-5', espaco: false %> Novo contato <% end %>
<%= render 'shared/flash' %> <%# Filtros %>
<%= icone :buscar, cor: 'text-gray-500', tamanho: 'w-4 h-4', espaco: false %>
<% if params[:q].present? || params[:grupo_id].present? %> <%= link_to 'Limpar', admin_contatos_path, data: { turbo: false }, class: 'text-gray-500 hover:text-white text-sm transition-colors' %> <% end %>
<%# Tabela %>
<% @contatos.each do |contato| %> <% end %> <% if @contatos.empty? %> <% end %>
Nome WhatsApp E-mail Grupo Situação Ações
<%# Avatar: inicial para pessoa, ícone para grupo — dá para distinguir os dois tipos sem ler a linha inteira. %>
<% if contato.grupo_whatsapp? %> <%= icone :usuarios, cor: nil, tamanho: 'w-4 h-4', espaco: false %> <% else %> <%= contato.nome.to_s[0].to_s.upcase %> <% end %>
<%= contato.nome %> <% if contato.grupo_whatsapp? %> grupo do WhatsApp <% end %>
<% if contato.grupo_whatsapp? %> <%= contato.whatsapp_grupo_nome.presence || contato.whatsapp_grupo_jid %> <% else %> <%= contato.telefone.presence || '—' %> <% end %> <%= contato.email.presence || '—' %> <% if contato.grupo_contato %> <%= contato.grupo_contato.nome %> <% else %> <%= icone :alerta, cor: nil, tamanho: 'w-3.5 h-3.5', espaco: false %> sem grupo <% end %> <%= badge_status_usuario(contato.ativo?) %>
<%= link_to edit_admin_contato_path(contato), data: { turbo: false }, class: 'p-2 text-gray-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors', title: 'Editar' do %> <%= icone :editar, cor: nil, tamanho: 'w-4 h-4', espaco: false %> <% end %> <%= button_to admin_contato_path(contato), method: :delete, class: 'p-2 text-gray-600 hover:text-red-400 hover:bg-red-900/20 rounded-lg transition-colors', title: 'Excluir', form: { data: { turbo_confirm: "Excluir #{contato.nome}?" } } do %> <%= icone :excluir, cor: nil, tamanho: 'w-4 h-4', espaco: false %> <% end %>
<%= icone :vazio, tamanho: 'w-10 h-10', cor: 'text-gray-600', espaco: false %>

Nenhum contato encontrado.