<.admin_page_header
back={PhoenixKit.Utils.Routes.path("/admin/settings/media")}
title={@page_title}
subtitle={gettext("Configure storage provider settings")}
/>
<.form for={@changeset} phx-change="validate" phx-submit="save" class="space-y-6">
<%!-- Basic Information --%>
<.icon name="hero-server" class="w-5 h-5" /> {gettext("Basic Information")}
{gettext("Bucket Name")} *
{gettext("A friendly name to identify this storage location")}
<%= if @mode == :new do %>
{gettext("Storage Provider")} *
{gettext("Select provider...")}
{gettext("Local Filesystem")}
AWS S3
Backblaze B2
Cloudflare R2
Tigris
<% else %>
{gettext("Storage Provider")}
<%= case @current_provider do %>
<% "local" -> %>
{gettext("Local Filesystem")}
<% "s3" -> %>
AWS S3
<% "b2" -> %>
Backblaze B2
<% "r2" -> %>
Cloudflare R2
<% "tigris" -> %>
Tigris
<% _ -> %>
{String.upcase(@current_provider || "Unknown")}
<% end %>
{gettext("Cannot be changed")}
<% end %>
<%!-- Local Provider Settings --%>
<%= if @current_provider == "local" do %>
<% end %>
<%!-- Cloud Provider Settings --%>
<%= if @current_provider in ["s3", "b2", "r2", "tigris"] do %>
<.icon name="hero-cloud" class="w-5 h-5" /> {gettext("Provider Configuration")}
<%= if @current_provider == "s3" do %>
<.live_component
module={PhoenixKitWeb.Live.Components.SearchableSelect}
id="bucket-region-select"
name="bucket[region]"
value={Ecto.Changeset.get_field(@changeset, :region)}
label={"#{gettext("AWS Region")} *"}
placeholder="Search regions..."
required={true}
grouped_options={
Enum.map(AwsRegions.group_by_continent(), fn {continent, regions} ->
{continent, Enum.map(regions, fn r -> {"#{r.name} — #{r.code}", r.code} end)}
end)
}
/>
<% end %>
<%= if @current_provider == "b2" do %>
<.live_component
module={PhoenixKitWeb.Live.Components.SearchableSelect}
id="bucket-b2-region-select"
name="bucket[region]"
value={Ecto.Changeset.get_field(@changeset, :region)}
label={"#{gettext("Backblaze Region")} *"}
placeholder="Search Backblaze regions..."
required={true}
grouped_options={
Enum.map(BackblazeRegions.group_by_continent(), fn {continent, regions} ->
{continent, Enum.map(regions, fn r -> {"#{r.name} — #{r.code}", r.code} end)}
end)
}
/>
<% end %>
<%= if @current_provider == "tigris" do %>
<.live_component
module={PhoenixKitWeb.Live.Components.SearchableSelect}
id="bucket-tigris-region-select"
name="bucket[region]"
value={Ecto.Changeset.get_field(@changeset, :region)}
label={"#{gettext("Tigris Region")} *"}
placeholder="Search Tigris regions..."
required={true}
grouped_options={
Enum.map(Enum.sort(TigrisRegions.group_by_continent()), fn {continent, regions} ->
{continent, Enum.map(regions, fn r -> {"#{r.name} — #{r.code}", r.code} end)}
end)
}
/>
<% end %>
{case @current_provider do
"s3" -> gettext("AWS Bucket Name")
"b2" -> gettext("Backblaze Bucket Name")
"r2" -> gettext("Cloudflare Bucket Name")
"tigris" -> gettext("Tigris Bucket Name")
_ -> gettext("Bucket Name")
end} *
<%= if @current_provider in ["b2", "r2", "tigris"] do %>
{case @current_provider do
"b2" -> gettext("Backblaze Endpoint")
"r2" -> gettext("Cloudflare Endpoint")
"tigris" -> gettext("Tigris Endpoint")
_ -> gettext("Endpoint")
end} *
<% end %>
<%!-- Access Credentials --%>
<.icon name="hero-key" class="w-5 h-5" /> {gettext("Access Credentials")}
{gettext("Access Key ID")} *
{gettext("Secret Access Key")} *
<%!-- Test Connection --%>
<%= if @testing_connection do %>
<%= if @connection_status == :success do %>
<.icon name="hero-check-circle" class="w-4 h-4 inline" />
{gettext("Connection successful")}
<% end %>
<%= if @connection_status == :failed do %>
<.icon name="hero-x-circle" class="w-4 h-4 inline" />
{gettext("Connection failed")}
<%= if @connection_error do %>
: {@connection_error}
<% end %>
<% end %>
<% end %>
<%!-- Settings --%>
<.icon name="hero-cog-6-tooth" class="w-5 h-5" /> {gettext("Settings")}
<%= if @current_provider in ["s3", "b2", "r2", "tigris"] do %>
{gettext("Access Type")}
{gettext("Public (direct URL)")}
{gettext("Private (proxied)")}
<% end %>
{gettext("Priority")}
{gettext("0 = auto, 1+ = higher priority")}
<%!-- Actions --%>
<.link
navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media")}
class="btn btn-ghost"
>
{gettext("Cancel")}
<.icon name="hero-check" class="w-4 h-4" /> {gettext("Save Bucket")}