<%# Logo / Header %>

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

Reem Logística

Sistema de Controle de Custos

<%# Flash messages %> <% if flash[:alert] %>

<%= flash[:alert] %>

<% end %> <%# Tabs: Email / PIN %>

<%# Tab switcher %>

<%# Login por e-mail %>

<%= form_with(url: user_session_path, scope: :user, method: :post, data: { turbo: false }) do |f| %>

<%= f.label :email, 'E-mail', class: 'block text-sm font-medium text-gray-300 mb-1.5' %> <%= f.email_field :email, autofocus: true, autocomplete: 'email', class: '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 text-base', placeholder: 'admin@gade.com' %>

<%= f.label :password, 'Senha', class: 'block text-sm font-medium text-gray-300 mb-1.5' %> <%= f.password_field :password, autocomplete: 'current-password', class: '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 text-base', placeholder: '••••••••' %>

<%= f.check_box :remember_me, class: 'w-4 h-4 rounded accent-[#f97316]' %> Lembrar <%= link_to 'Esqueci a senha', new_user_password_path, class: 'text-sm text-[#f97316] hover:text-orange-400 transition-colors' %>

<%= f.submit 'Entrar', class: 'w-full py-3.5 bg-[#f97316] hover:bg-orange-500 text-white font-semibold rounded-xl transition-colors cursor-pointer text-base min-h-[48px]' %>

<% end %>

<%# Login por PIN %>