<%= turbo_frame_tag :edit_tax_category_modal do %>
  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
    <%= form_for @tax_category, url: solidus_admin.tax_category_path(@tax_category), html: { id: form_id } do |f| %>
      <div class="flex flex-col gap-6 pb-4">
        <%= render component("ui/forms/field").text_field(f, :name) %>
        <%= render component("ui/forms/field").text_field(f, :tax_code) %>
        <%= render component("ui/forms/field").text_field(f, :description) %>
        <label class="flex gap-2 items-center">
          <%= render component("ui/forms/checkbox").new(
              name: "#{f.object_name}[is_default]",
              value: "1",
              checked: f.object.is_default
            ) %>
            <span class="font-semibold text-xs ml-2"><%= Spree::TaxCategory.human_attribute_name :is_default %></span>
          <%= render component("ui/toggletip").new(text: t(".hints.is_default")) %>
        </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("tax_categories/index").new(page: @page) %>
