64 lines
3.1 KiB
Plaintext
64 lines
3.1 KiB
Plaintext
<%
|
|
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'
|
|
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]"
|
|
%>
|
|
<%# URL explícita: a rota se chama `grupo`/`grupos` (ver routes.rb), então a
|
|
rota polimórfica de `model:` procuraria admin_grupo_contato_path e estouraria.
|
|
O `model:` continua valendo para nomear os campos (grupo_contato[...]). %>
|
|
<%= form_with model: [:admin, grupo],
|
|
url: (grupo.persisted? ? admin_grupo_path(grupo) : admin_grupos_path),
|
|
data: { turbo: false },
|
|
class: 'bg-[#1a1a1a] rounded-2xl border border-white/5 p-8 space-y-6' do |f| %>
|
|
|
|
<% if grupo.errors.any? %>
|
|
<div class="p-4 bg-red-900/30 border border-red-500/40 rounded-xl">
|
|
<p class="text-red-400 text-sm font-medium mb-2">
|
|
<%= pluralize(grupo.errors.count, 'erro', 'erros') %> encontrado<%= grupo.errors.count > 1 ? 's' : '' %>:
|
|
</p>
|
|
<ul class="list-disc list-inside space-y-1">
|
|
<% grupo.errors.full_messages.each do |msg| %>
|
|
<li class="text-red-300 text-sm"><%= msg %></li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div>
|
|
<%= f.label :nome, class: rotulo %>
|
|
<%= f.text_field :nome, required: true, placeholder: 'Diretoria', class: input %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= f.label :descricao, 'Descrição', class: rotulo %>
|
|
<%= f.text_field :descricao, placeholder: 'Quem acompanha o fechamento', class: input %>
|
|
<p class="text-gray-500 text-xs mt-1.5">Opcional — ajuda a lembrar para que serve o grupo.</p>
|
|
</div>
|
|
|
|
<div class="flex items-center border-t border-white/5 pt-6">
|
|
<div class="flex-1">
|
|
<%= f.label :ativo, 'Grupo ativo', class: 'block text-sm font-medium text-gray-300' %>
|
|
<p class="text-gray-500 text-xs mt-0.5">Grupo inativo não recebe nada, mesmo assinando eventos</p>
|
|
</div>
|
|
<label class="relative inline-flex items-center cursor-pointer ml-4">
|
|
<%= f.check_box :ativo, class: 'sr-only peer' %>
|
|
<div class="<%= toggle %>"></div>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between pt-2 border-t border-white/5">
|
|
<%= link_to 'Cancelar', admin_grupos_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 grupo.new_record? ? 'Criar Grupo' : '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]' %>
|
|
</div>
|
|
<% end %>
|