<%= render partial: 'spree/admin/shared/order_tabs', locals: {current: 'Payments'} %>

<% admin_breadcrumb(link_to plural_resource_name(Spree::Payment), spree.admin_order_payments_path(@order)) %>
<% admin_breadcrumb(link_to "#{Spree::Payment.model_name.human} #{@refund.payment.id}", admin_order_payment_path(@refund.payment.order, @refund.payment)) %>
<% admin_breadcrumb(t('spree.new_refund')) %>

<%= form_for [:admin, @refund.payment.order, @refund.payment, @refund] do |f| %>
  <fieldset class="no-border-top">
    <div data-hook="admin_refund_form_fields" class="row">
      <div class="col-3">
        <div class="field">
          <label><%= t('spree.payment_amount') %></label><br>
          <%= Spree::Money.new(@refund.payment.amount) %>
        </div>
      </div>
      <div class="col-3">
        <div class="field">
          <label><%= t('spree.credit_allowed') %></label><br>
          <%= Spree::Money.new(@refund.payment.credit_allowed) %>
        </div>
      </div>
      <div class="col-3">
        <div class="field">
          <%= f.label :amount %><br>
          <%= render "spree/admin/shared/number_with_currency", f: f, amount_attr: :amount, currency: @refund.currency, required: true %>
        </div>
      </div>
      <div class="col-3">
        <div class="field">
          <%= f.label :refund_reason_id %><br>
          <%= f.collection_select(:refund_reason_id, refund_reasons, :id, :name, {prompt: t("spree.choose_reason")}, {class: 'custom-select fullwidth'}) %>
        </div>
      </div>
    </div>

    <div class="form-buttons filter-actions actions" data-hook="buttons">
      <%= f.submit t('spree.actions.refund'), class: 'btn btn-primary' %>
      <%= link_to t('spree.actions.cancel'), admin_order_payments_url(@refund.payment.order), class: 'btn btn-primary' %>
    </div>
  </fieldset>
<% end %>
