gitcoinco/code_fund_ads

<%= render(PageComponent.new(subject: @organization)) do |component| %>
  <% component.with(:header) do %>
    <%= render(Page::HeaderComponent.new(title: "Transactions", subtitle: "for #{@organization.name}", buttons: [
      layout_button(link: edit_organization_transaction_path(@organization, @organization_transaction), icon: "fas fa-pencil", title: "Edit transaction", admin: true),
      delete_button(link: organization_transaction_path(@organization, @organization_transaction), title: "Delete transaction", layout: true, admin: true)
    ])) %>
  <% end %>
  <% component.with(:body) do %>
    <%= render CardComponent.new do %>
      <%= render(Card::HeaderComponent.new) { "Transaction Details" } %>
      <%= render ListGroupComponent.new(bordered: true, flush: true) do %>
        <%= render(ListGroup::ItemComponent.new(label: "Post Date")) { @organization_transaction.posted_at.to_s("mm/dd/yyyy") } %>
        <%= render(ListGroup::ItemComponent.new(label: "Amount")) { @organization_transaction.amount.format } %>
        <%= render(ListGroup::ItemComponent.new(label: "Type")) { @organization_transaction.transaction_type.capitalize } %>
        <%= render(ListGroup::ItemComponent.new(label: "Gift?")) { @organization_transaction.gift? ? "Yes" : "No" } %>
        <%= render(ListGroup::ItemComponent.new(label: "Reference")) { @organization_transaction.reference } %>
        <%= render(ListGroup::ItemComponent.new(label: "Description")) { @organization_transaction.description } %>
      <% end %>
    <% end %>
  <% end %>
<% end %>