<div data-hook="admin_store_credit_form_fields" class="row">
  <div class="col-12">
    <%= f.field_container :amount do %>
      <%= f.label :amount, class: 'required' %>
      <%= render "spree/admin/shared/number_with_currency", f: f, amount_attr: :amount, currency_attr: :currency, required: true %>
      <%= f.error_message_on :amount %>
      <%= f.error_message_on :currency %>
    <% end %>
  </div>
  <div class="col-12">
    <%= f.field_container :category_id do %>
      <%= f.label :category_id, class: 'required' %>
      <%= f.select :category_id, options_from_collection_for_select(@credit_categories, :id, :name, f.object.category.try(:id)),
        { include_blank: true }, { class: 'custom-select fullwidth', placeholder: t('spree.admin.store_credits.select_reason') } %>
      <%= f.error_message_on :category_id %>
    <% end %>
  </div>
  <div data-hook="admin_store_credit_memo_field" class="col-12">
    <%= f.field_container :memo do %>
      <%= f.label :memo %>
      <%= f.text_area :memo, class: "fullwidth" %>
      <%= f.error_message_on :memo %>
    <% end %>
  </div>
</div>
