90 lines
4.3 KiB
Plaintext
90 lines
4.3 KiB
Plaintext
<%# app/views/consolidacoes/new.html.erb %>
|
||
<% content_for :title, 'Nova Consolidação' %>
|
||
|
||
<div class="max-w-3xl mx-auto">
|
||
<h1 class="text-2xl font-bold text-white mb-6">➕ Nova Consolidação</h1>
|
||
|
||
<%= form_with model: @consolidacao, class: 'bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-6 space-y-6' do |f| %>
|
||
|
||
<% if @consolidacao.errors.any? %>
|
||
<div class="bg-red-900/40 border border-red-600 rounded-lg p-4">
|
||
<p class="text-red-400 font-bold mb-1">⚠️ Corrija os erros:</p>
|
||
<ul class="text-red-300 text-sm list-disc list-inside">
|
||
<% @consolidacao.errors.full_messages.each do |msg| %>
|
||
<li><%= msg %></li>
|
||
<% end %>
|
||
</ul>
|
||
</div>
|
||
<% end %>
|
||
|
||
<%# Nome %>
|
||
<div>
|
||
<%= f.label :nome, 'Nome da consolidação', class: 'block text-white font-semibold mb-2' %>
|
||
<%= f.text_field :nome, placeholder: 'Ex: Pagamento Janeiro/2026 — Quinzena 1',
|
||
class: 'w-full bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-4 py-3 focus:border-orange-500 focus:outline-none text-base' %>
|
||
</div>
|
||
|
||
<%# Período %>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div>
|
||
<%= f.label :data_inicio, 'Data início', class: 'block text-white font-semibold mb-2' %>
|
||
<%= f.date_field :data_inicio,
|
||
class: 'w-full bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-4 py-3 focus:border-orange-500 focus:outline-none' %>
|
||
</div>
|
||
<div>
|
||
<%= f.label :data_fim, 'Data fim', class: 'block text-white font-semibold mb-2' %>
|
||
<%= f.date_field :data_fim,
|
||
class: 'w-full bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-4 py-3 focus:border-orange-500 focus:outline-none' %>
|
||
</div>
|
||
</div>
|
||
|
||
<%# Motoristas — multi-select %>
|
||
<div>
|
||
<label class="block text-white font-semibold mb-2">
|
||
Motoristas <span class="text-orange-500">*</span>
|
||
<span class="text-gray-500 font-normal text-sm">(<%= @motoristas.size %> encontrados no banco)</span>
|
||
</label>
|
||
<div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3 max-h-64 overflow-y-auto space-y-1">
|
||
<% if @motoristas.any? %>
|
||
<label class="flex items-center gap-2 text-orange-400 text-sm font-semibold pb-2 border-b border-[#2a2a2a] cursor-pointer">
|
||
<input type="checkbox" onclick="document.querySelectorAll('.chk-motorista').forEach(c => c.checked = this.checked)"
|
||
class="rounded text-orange-500 bg-[#1a1a1a] border-[#2a2a2a]">
|
||
Selecionar todos
|
||
</label>
|
||
<% @motoristas.each do |m| %>
|
||
<label class="flex items-center gap-2 text-white hover:bg-[#1a1a1a] rounded px-2 py-2 cursor-pointer min-h-[44px]">
|
||
<%= check_box_tag 'motoristas[]', m, false, class: 'chk-motorista rounded text-orange-500 bg-[#1a1a1a] border-[#2a2a2a]', id: nil %>
|
||
<%= m %>
|
||
</label>
|
||
<% end %>
|
||
<% else %>
|
||
<p class="text-gray-500 text-sm p-2">Nenhum motorista encontrado na tabela de entregas.</p>
|
||
<% end %>
|
||
</div>
|
||
</div>
|
||
|
||
<%# Rotas — multi-select opcional %>
|
||
<div>
|
||
<label class="block text-white font-semibold mb-2">
|
||
Rotas <span class="text-gray-500 font-normal text-sm">(opcional — filtra entregas por operação)</span>
|
||
</label>
|
||
<div class="bg-[#0a0a0a] border border-[#2a2a2a] rounded-lg p-3 max-h-48 overflow-y-auto space-y-1">
|
||
<% @rotas.each do |r| %>
|
||
<label class="flex items-center gap-2 text-white hover:bg-[#1a1a1a] rounded px-2 py-2 cursor-pointer text-sm font-mono min-h-[44px]">
|
||
<%= check_box_tag 'consolidacao[route_ids][]', r, false, class: 'rounded text-orange-500 bg-[#1a1a1a] border-[#2a2a2a]', id: nil %>
|
||
<%= r %>
|
||
</label>
|
||
<% end %>
|
||
</div>
|
||
</div>
|
||
|
||
<%# Ações %>
|
||
<div class="flex gap-3 pt-2">
|
||
<%= f.submit 'Criar e iniciar validação →',
|
||
class: 'flex-1 bg-orange-500 hover:bg-orange-600 text-black font-bold py-3.5 rounded-lg min-h-[48px] cursor-pointer transition-colors text-base' %>
|
||
<%= link_to 'Cancelar', consolidacoes_path,
|
||
class: 'px-6 py-3.5 text-gray-400 hover:text-white border border-[#2a2a2a] rounded-lg min-h-[48px] flex items-center' %>
|
||
</div>
|
||
<% end %>
|
||
</div>
|