59 lines
2.7 KiB
Plaintext
59 lines
2.7 KiB
Plaintext
<div class="container mx-auto px-4 py-8">
|
|
<h1 class="text-3xl font-bold mb-6"><%= @event.name %> - Payout Details</h1>
|
|
|
|
<div class="bg-white rounded-lg shadow-md p-6 mb-6">
|
|
<h2 class="text-xl font-semibold mb-4">Event Summary</h2>
|
|
<p><strong>Date:</strong> <%= @event.start_time.strftime('%B %d, %Y at %I:%M %p') %></p>
|
|
<p><strong>Venue:</strong> <%= @event.venue_name %></p>
|
|
<p><strong>Payout Status:</strong> <span class="font-medium <%= @event.payout_status %>"><%= @event.payout_status.humanize %></span></p>
|
|
<% if @event.payout_requested_at %>
|
|
<p><strong>Requested:</strong> <%= @event.payout_requested_at.strftime('%B %d, %Y at %I:%M %p') %></p>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if @earnings.any? %>
|
|
<div class="bg-white rounded-lg shadow-md p-6">
|
|
<h2 class="text-xl font-semibold mb-4">Earnings Breakdown</h2>
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-full table-auto">
|
|
<thead>
|
|
<tr class="bg-gray-100">
|
|
<th class="px-4 py-2 text-left">Order</th>
|
|
<th class="px-4 py-2 text-left">Gross Amount</th>
|
|
<th class="px-4 py-2 text-left">Fee</th>
|
|
<th class="px-4 py-2 text-left">Net Amount</th>
|
|
<th class="px-4 py-2 text-left">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<% @earnings.each do |earning| %>
|
|
<tr class="<%= earning.status == 'pending' ? 'bg-yellow-50' : 'bg-green-50' %>">
|
|
<td class="border px-4 py-2">#<%= earning.order_id %></td>
|
|
<td class="border px-4 py-2">€<%= (earning.amount_cents / 100.0).round(2) %></td>
|
|
<td class="border px-4 py-2">€<%= (earning.fee_cents / 100.0).round(2) %></td>
|
|
<td class="border px-4 py-2">€<%= (earning.net_amount_cents / 100.0).round(2) %></td>
|
|
<td class="border px-4 py-2">
|
|
<span class="px-2 py-1 rounded text-xs <%= earning.status == 'pending' ? 'bg-yellow-200 text-yellow-800' : 'bg-green-200 text-green-800' %>">
|
|
<%= earning.status.humanize %>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="mt-4 p-4 bg-gray-50 rounded">
|
|
<h3 class="font-semibold">Total Summary</h3>
|
|
<p>Gross Total: €<%= (@earnings.sum(:amount_cents) / 100.0).round(2) %></p>
|
|
<p>Total Fees: €<%= (@earnings.sum(:fee_cents) / 100.0).round(2) %></p>
|
|
<p>Net Total: €<%= (@earnings.sum(:net_amount_cents) / 100.0).round(2) %></p>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="bg-white rounded-lg shadow-md p-6">
|
|
<p class="text-gray-500">No earnings recorded for this event.</p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|