<%= turbo_frame_tag :new_store_credit_reason_modal do %>
  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
    <%= form_for @store_credit_reason, url: solidus_admin.store_credit_reasons_path, html: { id: form_id } do |f| %>
      <div class="flex flex-col gap-6 pb-4">
        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
        <label class="flex gap-2 items-center">
          <%= hidden_field_tag "#{f.object_name}[active]", "0" %>
          <%= render component("ui/forms/checkbox").new(
            name: "#{f.object_name}[active]",
            value: "1",
            checked: f.object.active
          ) %>
          <span class="font-semibold text-xs ml-2"><%= Spree::StoreCreditReason.human_attribute_name :active %></span>
          <%= render component("ui/toggletip").new(text: t(".hints.active")) %>
        </label>
      </div>
      <% modal.with_actions do %>
        <form method="dialog">
          <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
        </form>
        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
      <% end %>
    <% end %>
  <% end %>
<% end %>

<%= render component("store_credit_reasons/index").new(page: @page) %>
