<%# app/views/consolidacoes/index.html.erb %> <% content_for :title, 'Consolidações' %>

<%= icone :consolidacoes, espaco: false %> Consolidações

<%= link_to rotulo(:arquivadas, 'Arquivadas', cor: nil), arquivadas_consolidacoes_path, class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center transition-colors' %> <% if policy(Consolidacao).create? %> <% end %> <%= link_to '+ Nova Consolidação', new_consolidacao_path, class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold px-5 py-3 rounded-lg min-h-[48px] flex items-center transition-colors' %>
<%# ── Modal "Nota avulsa" — cria a consolidação direto a partir da NF ── %> <% if policy(Consolidacao).create? %> <% end %>
<%# ── Modo de visualização ────────────────────────────── A mesma tela lida de dois jeitos: por CONSOLIDAÇÃO (como o trabalho é organizado) e por MOTORISTA (como o pagamento sai). Os filtros abaixo valem para os dois — por isso eles viajam junto no link da aba. %> <% ctx_filtros = { nome: params[:nome], motorista: params[:motorista], status: params[:status], pagamento: params[:pagamento], vehicle: params[:vehicle], inicio: params[:inicio], fim: params[:fim] }.compact_blank %>
<% [['lista', :consolidacoes, 'Consolidações'], ['motoristas', :motorista, 'Por motorista']].each do |modo, ic, label| %> <% ativo = @visao == modo %> <%= link_to rotulo(ic, label, cor: (ativo ? nil : 'text-brand-laranja')), consolidacoes_path(ctx_filtros.merge(visao: modo)), class: "px-4 py-2.5 rounded-xl text-sm font-semibold whitespace-nowrap #{ativo ? 'bg-orange-500 text-black' : 'bg-[#1a1a1a] text-gray-300 border border-[#2a2a2a] hover:border-orange-500'}" %> <% end %>
<%# ── Filtros ──────────────────────────────────────────── %> <%# Filtros em flex-wrap, NÃO em grade de 6 colunas fixas. Motivo: os breakpoints do Tailwind (md:, lg:…) enxergam a JANELA, mas o conteúdo perde 256px para a sidebar (`main.md:ml-64`). A mesma janela de 1280px tem duas larguras conforme o menu esteja aberto ou recolhido, então `md:grid-cols-6` espremia os campos a ~150px e o texto do botão "Filtrar" vazava para fora do fundo. Com flex-wrap + largura mínima, cada campo mantém tamanho legível e a linha quebra sozinha conforme o espaço REAL. %> <%= form_with url: consolidacoes_path, method: :get, class: 'bg-[#1a1a1a] border border-[#2a2a2a] rounded-xl p-4 mb-6 flex flex-wrap items-center gap-3' do |f| %> <%# O modo de visualização é mantido ao filtrar (senão filtrar jogava o operador de volta para a lista). %> <%= hidden_field_tag :visao, @visao %> <% if @visao == 'motoristas' %> <%= f.text_field :motorista, value: params[:motorista], placeholder: 'Buscar motorista…', class: 'flex-1 basis-48 min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5 focus:border-orange-500 focus:outline-none' %> <% else %> <%= f.text_field :nome, value: params[:nome], placeholder: 'Buscar por nome…', class: 'flex-1 basis-48 min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5 focus:border-orange-500 focus:outline-none' %> <% end %> <%= f.select :status, options_for_select([['Todos os status', ''], ['Rascunho', 'rascunho'], ['Finalizada', 'finalizada']], params[:status]), {}, class: 'flex-1 basis-40 min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %> <%# "Pagamento" é status DA CONSOLIDAÇÃO (todos os motoristas dela); no modo Por motorista cada linha já mostra pago/a receber, então o filtro sairia confuso — some. %> <% if @visao != 'motoristas' %> <%= f.select :pagamento, options_for_select([['Pagamento (todos)', ''], ['Pagas', 'pago'], ['Parciais', 'parcial'], ['Pendentes', 'pendente']], params[:pagamento]), {}, class: 'flex-1 basis-44 min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %> <% end %> <%# No modo Por motorista o período SEMPRE vale (default: mês corrente inteiro), então os campos já vêm preenchidos com o que está sendo somado. %> <%= f.date_field :inicio, value: (@visao == 'motoristas' ? @inicio.strftime('%Y-%m-%d') : params[:inicio]), class: 'flex-1 basis-36 max-w-[13rem] min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %> <%= f.date_field :fim, value: (@visao == 'motoristas' ? @fim.strftime('%Y-%m-%d') : params[:fim]), class: 'flex-1 basis-36 max-w-[13rem] min-w-0 bg-[#0a0a0a] border border-[#2a2a2a] text-white rounded-lg px-3 py-2.5' %> <%# shrink-0 + whitespace-nowrap: os botões nunca são espremidos a ponto de cortar o texto — se faltar espaço, a linha quebra e eles descem inteiros. %>
<%= f.submit 'Filtrar', class: 'bg-orange-500 hover:bg-orange-600 text-black font-bold rounded-lg cursor-pointer px-5 py-2.5 whitespace-nowrap' %> <%= link_to 'Limpar', consolidacoes_path(visao: @visao), class: 'px-4 py-2.5 text-gray-400 hover:text-white border border-[#2a2a2a] rounded-lg whitespace-nowrap' %>
<% end %> <% if @visao == 'motoristas' %> <%= render 'por_motorista' %> <% else %> <%= render 'lista' %> <% end %>