97 lines
3.8 KiB
Plaintext
97 lines
3.8 KiB
Plaintext
<%# app/views/motorista/index.html.erb %>
|
|
<div class="space-y-6">
|
|
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-white">
|
|
Olá, <%= current_user.nome_display %>! 👋
|
|
</h1>
|
|
<p class="text-gray-400 text-sm mt-0.5">
|
|
Suas entregas de <%= @data_referencia.strftime('%B/%Y').capitalize %>
|
|
</p>
|
|
</div>
|
|
<%= link_to new_user_session_path, method: :delete,
|
|
data: { turbo_method: :delete },
|
|
class: 'px-4 py-2.5 bg-[#1a1a1a] border border-white/10 hover:border-red-500/50
|
|
text-gray-400 hover:text-red-400 rounded-xl transition-colors text-sm' do %>
|
|
Sair
|
|
<% end %>
|
|
</div>
|
|
|
|
<%# Cards do motorista %>
|
|
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
|
|
<div class="bg-[#f97316] rounded-2xl p-5 col-span-2 sm:col-span-1">
|
|
<p class="text-orange-100 text-xs font-medium mb-1">💰 Estimado</p>
|
|
<p class="text-2xl font-black text-white"><%= moeda(@valor_estimado) %></p>
|
|
</div>
|
|
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
|
|
<p class="text-gray-400 text-xs mb-1">Total</p>
|
|
<p class="text-2xl font-bold text-white"><%= @total_entregas %></p>
|
|
</div>
|
|
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
|
|
<p class="text-gray-400 text-xs mb-1 text-green-400">✅ Pagas</p>
|
|
<p class="text-2xl font-bold text-white"><%= @pagas %></p>
|
|
</div>
|
|
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
|
|
<p class="text-gray-400 text-xs mb-1 text-yellow-500">⏳ Pendentes</p>
|
|
<p class="text-2xl font-bold text-white"><%= @pendentes %></p>
|
|
</div>
|
|
</div>
|
|
|
|
<%# Últimas entregas %>
|
|
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 overflow-hidden">
|
|
<div class="px-6 py-4 border-b border-white/10">
|
|
<h2 class="text-lg font-semibold text-white">Últimas Entregas Pagas</h2>
|
|
</div>
|
|
<% if @ultimas_entregas.any? %>
|
|
<div class="divide-y divide-white/5">
|
|
<% @ultimas_entregas.each do |entrega| %>
|
|
<div class="px-6 py-4 flex items-center justify-between">
|
|
<div>
|
|
<p class="text-white text-sm font-medium"><%= entrega.contact_name %></p>
|
|
<p class="text-gray-500 text-xs mt-0.5">NF: <%= entrega.reference_id %></p>
|
|
</div>
|
|
<div class="text-right">
|
|
<p class="text-green-400 text-sm font-semibold">✅ Paga</p>
|
|
<p class="text-gray-500 text-xs"><%= entrega.data_formatada %></p>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% else %>
|
|
<div class="px-6 py-12 text-center text-gray-500">
|
|
<div class="text-4xl mb-3">🚚</div>
|
|
<p>Nenhuma entrega paga este mês ainda.</p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%# Consolidações do motorista %>
|
|
<% if @consolidacoes.any? %>
|
|
<div class="bg-[#1a1a1a] rounded-2xl border border-white/5 overflow-hidden">
|
|
<div class="px-6 py-4 border-b border-white/10">
|
|
<h2 class="text-lg font-semibold text-white">Seus Fechamentos</h2>
|
|
</div>
|
|
<div class="divide-y divide-white/5">
|
|
<% @consolidacoes.each do |cm| %>
|
|
<div class="px-6 py-4 flex items-center justify-between">
|
|
<div>
|
|
<p class="text-white text-sm font-medium"><%= cm.consolidacao.mes_label %></p>
|
|
<p class="text-gray-500 text-xs mt-0.5"><%= cm.consolidacao_entregas.count %> entregas</p>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<%= badge_status(cm.consolidacao.status) %>
|
|
<% if cm.consolidacao.aprovada? %>
|
|
<%= link_to '#', class: 'text-[#f97316] text-sm hover:underline' do %>
|
|
📄 PDF
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
</div>
|