<% if Current.user.admin? %>
  <div class="space-y-4">
    <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
      <div class="w-full md:w-2/3">
        <h3 class="font-medium text-primary"><%= t("settings.hostings.show.clear_cache") %></h3>
        <p class="text-secondary text-sm"><%= t("settings.hostings.show.clear_cache_warning") %></p>
      </div>
      <%=
            button_to t("settings.hostings.show.clear_cache"), clear_cache_settings_hosting_path, method: :delete,
              class: "w-full md:w-auto bg-yellow-600 fg-inverse text-sm font-medium rounded-lg px-4 py-2",
              data: { turbo_confirm: {
                title: t("settings.hostings.show.confirm_clear_cache.title"),
                body: t("settings.hostings.show.confirm_clear_cache.body"),
                accept: t("settings.hostings.show.clear_cache"),
                acceptClass: "w-full bg-yellow-600 fg-inverse rounded-xl text-center p-[10px] border mb-2"
              }}
      %>
    </div>
  </div>
<% end %>
