<%= render HeaderComponent.new(title: "Donation ##{@donation.id}") %>

<%= render MainSimpleComponent.new do %>
  <section>
    <table class="w-1/2 divided">
      <tbody>
        <tr>
          <th>User</th>
          <td><%= link_to @donation.user.address, admin_user_path(@donation.user.address), class: 'ks-text-link' %></td>
        </tr>
        <tr>
          <th>Amount sats</th>
          <td><%= @donation.amount_sats %></td>
        </tr>
        <tr>
          <th>Amount EUR</th>
          <td><%= @donation.amount_eur %></td>
        </tr>
        <tr>
          <th>Amount USD</th>
          <td><%= @donation.amount_usd %></td>
        </tr>
        <tr>
          <th>Public name</th>
          <td><%= @donation.public_name %></td>
        </tr>
        <tr>
          <th>Date</th>
          <td><%= @donation.paid_at.strftime("%Y-%m-%d (%H:%M UTC)") %></td>
        </tr>
      </tbody>
    </table>
  </section>

  <section>
    <p class="pt-6 border-t border-gray-200 text-right">
      <%= link_to 'Back', admin_donations_path, class: 'btn-md btn-gray' %>
      <%= link_to 'Edit', edit_admin_donation_path(@donation), class: 'ml-2 btn-md btn-blue mr-1' %>
    </p>
  </section>
<% end %>
