<%# app/views/layouts/_navbar.html.erb %> <%# Sidebar lateral — responsiva (esconde no mobile, hamburguer abre) %> <%# Overlay mobile %> <%# Sidebar `flex flex-col` NÃO é decoração: é o que faz o menu ROLAR. O

do meio pede `flex-1 overflow-y-auto`, e `flex-1` só tem efeito dentro de um flex container — sem isto o

crescia com o conteúdo, nunca ganhava altura limitada, o `overflow-y-auto` nunca ativava e a lista simplesmente transbordava o painel sem barra de rolagem. Caso real (28/08/2026, iPhone 393×852): 1.194px de menu dentro de 852px de tela, com o último item terminando 324px ABAIXO da borda. Contatos, Grupos, Envios, Eventos, Variáveis, WhatsApp e o **Sair** ficavam inalcançáveis no celular — e no notebook de tela baixa também. %>

<%# Logo / Marca — `shrink-0`: num flex-col, um bloco de altura fixa ainda é espremido quando o irmão rolável é grande demais. %>

<%= image_tag '/logo-reem.png', alt: 'Reem Transporte', class: 'h-14 w-auto mx-auto object-contain' %>

<%# Usuário logado %>

Logado como

<%= current_user.nome_display %>

<%= current_user.role_label %>

<%# Navegação %>

<%# Cada item pergunta por PERMISSÃO, não por papel: o menu é o espelho do perfil que o ADM montou (Permissao::TODAS). Item sem permissão SOME — não fica desabilitado, para não anunciar o que a pessoa não pode fazer. %> <% if current_user.pode?('dashboard.ver') %> <%= nav_link_to 'Dashboard', dashboard_path, icon: :dashboard %> <% end %> <% if current_user.pode?('dashboard.operacoes') %> <%= nav_link_to 'Operações', operacoes_dashboard_path, icon: :operacoes %> <% end %> <% if current_user.pode?('consolidacao.ver') %> <%= nav_link_to 'Consolidações', consolidacoes_path, icon: :consolidacoes %> <%= nav_link_to 'Arquivadas', arquivadas_consolidacoes_path, icon: :arquivadas %> <% end %> <%# Motorista %> <% if current_user.motorista? %> <%= nav_link_to 'Meu Painel', motorista_dashboard_path, icon: :painel %> <% end %> <%# Administração — a seção inteira some quando nenhum item dela está liberado. %> <% itens_admin = %w[admin.usuarios admin.perfis admin.configuracoes admin.auditoria admin.planilha_simpli_route admin.edicao_lancamento admin.romaneio] %> <% if itens_admin.any? { |chave| current_user.pode?(chave) } %>

Administração

<% if current_user.pode?('admin.usuarios') %> <%= nav_link_to 'Usuários', admin_usuarios_path, icon: :usuarios %> <% end %> <% if current_user.pode?('admin.perfis') %> <%= nav_link_to 'Perfis de acesso', admin_perfis_path, icon: :chave %> <% end %> <% if current_user.pode?('admin.configuracoes') %> <%= nav_link_to 'Configurações', admin_configuracoes_path, icon: :configuracoes %> <% end %> <% if current_user.pode?('admin.auditoria') %> <%= nav_link_to 'Auditoria', admin_auditoria_logs_path, icon: :auditoria %> <% end %> <% if current_user.pode?('admin.planilha_simpli_route') %> <%= nav_link_to 'Planilha SimpliRoute', admin_planilha_simpli_route_path, icon: :planilha %> <% end %> <% if current_user.pode?('admin.romaneio') %> <%= nav_link_to 'Romaneio de entrega', admin_romaneios_path, icon: :imprimir %> <% end %> <% if current_user.pode?('admin.edicao_lancamento') %> <%= nav_link_to 'Editar Lançamento', admin_edicao_lancamento_path, icon: :editar_lancamento %> <% end %>

<% end %> <%# Notificações — cada item com sua chave: ver contatos é uma coisa; ligar o WhatsApp e disparar mensagem em nome da empresa é outra. %> <% itens_notif = %w[notificacao.contatos notificacao.envios notificacao.eventos notificacao.variaveis notificacao.whatsapp_sessao] %> <% if itens_notif.any? { |chave| current_user.pode?(chave) } %>

Notificações

<% if current_user.pode?('notificacao.contatos') %> <%= nav_link_to 'Contatos', admin_contatos_path, icon: :usuarios %> <%= nav_link_to 'Grupos', admin_grupos_path, icon: :tag %> <% end %> <% if current_user.pode?('notificacao.envios') %> <%= nav_link_to 'Envios', admin_envios_path, icon: :historico %> <% end %> <% if current_user.pode?('notificacao.eventos') %> <%= nav_link_to 'Eventos', admin_eventos_path, icon: :diario %> <% end %> <% if current_user.pode?('notificacao.variaveis') %> <%= nav_link_to 'Variáveis', admin_variaveis_path, icon: :tag %> <% end %> <% if current_user.pode?('notificacao.whatsapp_sessao') %> <%= nav_link_to 'WhatsApp', admin_whatsapp_sessao_path, icon: :telefone %> <% end %>

<% end %>

<%# Footer da sidebar — sair %> <%# Rodapé com o "Sair": shrink-0 para ele ficar ancorado embaixo, sempre visível, em vez de rolar junto com a lista. %>

<%= link_to destroy_user_session_path, data: { turbo_method: :delete, turbo_confirm: 'Deseja sair?' }, class: "flex items-center gap-2 text-gray-400 hover:text-red-400 text-sm transition-colors" do %> <%= icone :sair, cor: nil, tamanho: 'w-5 h-5' %> Sair <% end %>

<%# Botão flutuante (desktop) — esconde/mostra a sidebar do site inteiro. Em repouso mostra uma ALÇA fina laranja (indicador de que dá p/ recolher); ao chegar perto com o mouse, ela expande no botão com a seta. %> <%# Topbar mobile %>

<%= image_tag '/logo-reem.png', alt: 'Reem Transporte', class: 'h-8 w-auto object-contain' %>

<%# Espaço para topbar no mobile %>