houdini/app/views/nonprofits/payouts/index.html.erb
2019-11-05 13:38:36 -06:00

105 lines
3 KiB
Text

<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
<%= content_for :stylesheets do %>
<%= stylesheet_link_tag 'nonprofits/payouts/index/page' %>
<% end %>
<% content_for(:footer_hidden) {'hidden'} %>
<%= content_for :javascripts do %>
<%= IncludeAsset.js '/client/js/nonprofits/payouts/index/page.js' %>
<script>
appl.def('has_bank', <%= !!@nonprofit.bank_account %>)
</script>
<% end %>
<%= render 'nonprofits/transaction_title',
active: :payouts,
icon_class: 'icon-bank-1',
page_name: 'Payouts' %>
<section class='table-meta'>
<div class='container--wide'>
<span class='table-meta-metric'>
Pending balance: <%= print_currency @pending_total, @nonprofit.currency_symbol %>
</span>
<span class='table-meta-metric'>
Available balance: <%= print_currency @available_total, @nonprofit.currency_symbol %>
</span>
<% if @can_make_payouts %>
<span class='table-meta-metric--blue'>
Next automatic payout: <%= 1.month.from_now.strftime('%_m/1/%Y') %>
</span>
<% end %>
<span> <%= render 'payout_button' %> </span>
</div>
</section>
<div class='panelsLayout container--wide'>
<section class='u-padding--10 u-marginTop--10'>
<% if @can_make_payouts && current_role?(:nonprofit_admin) %>
<p>Your connected bank account is <strong><%= @nonprofit.bank_account && @nonprofit.bank_account.name %></strong>.
<a class='button--micro edit'>
<!--= on 'click' (open_modal 'newBankModal') -->
<i class='fa fa-pencil'></i> Change Bank Account
</a>
</p>
<% elsif current_role?(:nonprofit_admin) %>
<%= render 'todos' %>
<% end %>
<% if @payouts.empty? %>
<p class='u-padding--30 noResults'><em>No payouts have been made yet.</em></p>
<% else %>
</section>
<table class='table--plaid'>
<thead>
<tr>
<th>Date</th>
<th>Net Amount</th>
<th>Bank account</th>
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody>
<% @payouts.each do |payout| %>
<tr>
<td><%= simple_date(payout.created_at) %></td>
<td class='table-bigNum'><%= print_currency(payout.net_amount, payout.nonprofit.currency_symbol) %></td>
<td><%= payout.bank_name %></td>
<td>
<% if payout.status == 'paid' || payout.status == 'succeeded' %>
<span class='succeeded'>Succeeded</span>
<% elsif payout.status == 'pending' %>
<span class='pending'>Pending</span>
<% elsif payout.status == 'failed' %>
<span class='failed'>Failed</span><br />
<% unless payout.failure_message.blank? %>
<span class='failure-msg'>Message received: <br /><%= payout.failure_message %></span>
<% end %>
</span>
<% end %>
</td>
<td>
<a class='button--small u-width--full details' href='./payouts/<%=payout.id%>.csv' target='_blank'>
<i class='fa fa-file-text'></i>
Payout report (CSV)
</a>
</td>
</tr>
<% end %>
</tbody>
</table>
<% end %>
</div>
<div class='js-flimflam-verification'></div>
<%= render 'nonprofits/bank_accounts/modal' %>
<%= render 'nonprofits/payouts/modal' %>