<div class="space-y-4">
  <div class="flex items-center justify-between">
    <div class="space-y-1">
      <p class="text-sm"><%= t(".title") %></p>
      <p class="text-gray-500 text-sm"><%= t(".description") %></p>
    </div>

    <%= styled_form_with model: Setting.new, url: settings_hosting_path, method: :patch, data: { controller: "auto-submit-form", "auto-submit-form-trigger-event-value" => "blur" } do |form| %>
      <div class="relative inline-block select-none">
        <%= form.check_box :require_invite_for_signup, class: "sr-only peer", "data-auto-submit-form-target": "auto", "data-autosubmit-trigger-event": "input" %>
        <%= form.label :require_invite_for_signup, "&nbsp;".html_safe, class: "maybe-switch" %>
      </div>
    <% end %>
  </div>

  <% if Setting.require_invite_for_signup %>
    <div class="flex items-center justify-between mb-4">
      <div>
        <span class="text-gray-900 text-base font-medium"><%= t(".generated_tokens") %></span>
      </div>
      <div>
        <%= button_to invite_codes_path,
                        method: :post,
                        class: "flex gap-1 bg-gray-50 text-gray-900 text-sm rounded-lg px-3 py-2" do %>
          <span><%= t(".generate_tokens") %></span>
        <% end %>
      </div>
    </div>

    <div>
      <%= turbo_frame_tag :invite_codes, src: invite_codes_path %>
    </div>
  <% end %>
</div>
