<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin/modules")} title={gettext("Storage Settings")} subtitle={ gettext("Configure storage buckets and file processing settings for your application") } /> <%!-- Module Status Alert --%>

<.icon name="hero-information-circle" class="w-5 h-5" />

{gettext("Core System Module")}

{gettext("Storage is a core system module that is always enabled and cannot be disabled.")} {gettext("It provides essential file management functionality across PhoenixKit.")}

<%!-- Repair Storage Module Section --%>

<.icon name="hero-wrench-screwdriver" class="w-5 h-5" />

{gettext("Storage Module Repair")}

{gettext( "If your storage module isn't working correctly, use this to reset configuration to defaults." )} {gettext("This will NOT delete any uploaded files.")}

<%!-- System Dependencies Check --%> <%= if match?({:error, :not_installed}, @imagemagick_status) do %>

<.icon name="hero-exclamation-circle" class="w-5 h-5" />

{gettext("ImageMagick Not Installed")}

{gettext("ImageMagick is required for image processing and variant generation.")} {gettext("Without it, image resizing, cropping, and format conversion will not work.")}

{gettext("Installation:")}
macOS: brew install imagemagick
Ubuntu/Debian: sudo apt-get install imagemagick
CentOS/RHEL: sudo yum install ImageMagick

<% end %> <%= if match?({:error, :not_installed}, @ffmpeg_status) do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" />

{gettext("FFmpeg Not Installed")}

{gettext( "FFmpeg is required for video processing, transcoding, and thumbnail generation." )} {gettext("Without it, video file processing will not work.")}

{gettext("Installation:")}
macOS: brew install ffmpeg
Ubuntu/Debian: sudo apt-get install ffmpeg
CentOS/RHEL: sudo yum install ffmpeg

<% end %> <%!-- Storage Buckets --%>

<.icon name="hero-inbox-stack" class="w-6 h-6 mr-2" /> {gettext("Storage Buckets")}

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media/buckets/new")} class="btn btn-primary" > <.icon name="hero-plus" class="w-4 h-4 mr-1" /> {gettext("Add Bucket")}

<%= if Enum.empty?(@buckets) do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" />

{gettext("No Storage Buckets Configured")}

{gettext( "You need to create at least one storage bucket before files can be uploaded." )} {gettext( "Buckets can be local directories or cloud storage providers (AWS S3, Backblaze B2, Cloudflare R2)." )}

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media/buckets/new")} class="btn btn-warning btn-sm" > <.icon name="hero-plus" class="w-4 h-4 mr-1" /> {gettext( "Create Your First Bucket" )}

<% else %>

<%= for bucket <- @buckets do %> <%!-- Name --%> <%!-- Provider --%> <%!-- Priority --%> <%!-- Files Count --%> <%!-- Status --%> <%!-- Actions --%> <% end %>

{gettext("Name")}	{gettext("Provider")}	{gettext("Priority")}	{gettext("Files")}	{gettext("Status")}	{gettext("Actions")}
<%= case bucket.provider do %> <% "local" -> %> <.icon name="hero-folder" class="w-5 h-5 text-primary" /> <% "s3" -> %> <.icon name="hero-cloud" class="w-5 h-5 text-warning" /> <% "b2" -> %> <.icon name="hero-cube" class="w-5 h-5 text-info" /> <% "r2" -> %> <.icon name="hero-cloud-arrow-up" class="w-5 h-5 text-accent" /> <% _ -> %> <.icon name="hero-server" class="w-5 h-5 text-base-content/50" /> <% end %> {bucket.name} {get_bucket_full_path(bucket)}	{String.upcase(bucket.provider)}	<%= if bucket.priority == 0 do %> {gettext("Random")} (0) <% else %> {bucket.priority} <% end %>	{Map.get(@bucket_file_counts, bucket.uuid, 0)} {gettext("files")}	<%= if bucket.enabled do %> {gettext("Enabled")} <% else %> {gettext("Disabled")} <% end %>	<%!-- Edit Button --%> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/settings/media/buckets/#{bucket.uuid}/edit" ) } class="btn btn-xs btn-outline btn-info tooltip tooltip-bottom" data-tip={gettext("Edit bucket")} > <.icon name="hero-pencil" class="w-4 h-4 hidden sm:inline" /> {gettext("Edit bucket")} <%!-- Toggle Enable/Disable --%> <%!-- Delete Button --%>

{gettext("Total Buckets")}

{length(@buckets)}

{gettext("Configured storage locations")}

{gettext("Active Buckets")}

{Enum.count(@buckets, & &1.enabled)}

{gettext("Currently in use")}

{gettext("Default Bucket")}

<%= if @default_bucket_uuid do %> {gettext("Set")} <% else %> {gettext("None")} <% end %>

{gettext("Primary storage location")}

<% end %>

<%!-- Storage Configuration --%>

<.icon name="hero-cog-6-tooth" class="w-6 h-6 mr-2" /> {gettext("Storage Configuration")}

<.form for={%{"form_redundancy" => @form_redundancy}} phx-change="update_storage_form" class="grid grid-cols-1 md:grid-cols-2 gap-6" > <%!-- Redundancy Settings --%>

{gettext("Redundancy Copies")} {gettext("Number of copies to store")}

<%= if @active_buckets_count == 0 do %>

<.icon name="hero-exclamation-triangle" class="w-4 h-4" /> {gettext("No active buckets available. Enable buckets to configure redundancy.")}

<% else %> <%= if @form_redundancy > @max_redundancy do %>

<.icon name="hero-exclamation-triangle" class="w-4 h-4" /> Current setting (#{@form_redundancy} copies) exceeds available buckets (#{@max_redundancy}). {gettext( "Reduce redundancy or enable more buckets." )}

<% end %> @max_redundancy, do: "input-warning", else: ""}"} />

{gettext("Enter number of copies")} (1-{@max_redundancy}). <%= if @max_redundancy == 1 do %> {gettext("Only 1 active bucket available. Add more buckets to enable redundancy.")} <% else %> {gettext("Maximum %{count} copies based on %{buckets} active bucket(s).", count: @max_redundancy, buckets: @active_buckets_count )} <% end %>

<% end %>

<%!-- Auto-Variant Generation --%>

{gettext("Auto-Generate Variants")} {gettext("Automatically resize images and videos to configured dimensions")}

<%!-- Apply Button --%>

<%= if @form_redundancy == @redundancy_copies and @form_auto_generate_variants == @auto_generate_variants do %> {gettext("No changes to apply")} <% else %> {gettext("Changes will be saved immediately")} <% end %>

<%!-- Quick Actions --%>

{gettext("Quick Actions")}

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media/dimensions")} class="btn btn-outline" > <.icon name="hero-photo" class="w-4 h-4 mr-2" /> {gettext("Manage Dimensions")}

<%!-- Coming Soon Features --%>

<.icon name="hero-rocket-launch" class="w-6 h-6 mr-2" /> {gettext( "Advanced Features Coming Soon" )}

<%!-- Multi-Location Storage --%>

🗂️

{gettext("Multi-Location Storage")}

{gettext("Store files across 1-5 redundant locations with automatic failover")}

<%!-- S3 Integration --%>

☁️

{gettext("AWS S3 Integration")}

{gettext("Store files in Amazon S3 buckets for cloud redundancy")}

<%!-- Remote Servers --%>

🖥️

{gettext("Remote Servers")}

{gettext("Distribute files across multiple remote servers and datacenters")}

<%!-- Admin Dashboard --%>

📊

{gettext("Admin Dashboard")}

{gettext("Monitor storage health, locations, and file distribution")}

<%!-- File Tracking --%>

📋

{gettext("File Tracking")}

{gettext("PostgreSQL-based file registry with location tracking")}

<%!-- Automatic Failover --%>

🔄

{gettext("Automatic Failover")}

{gettext("Seamless file retrieval even when storage locations fail")}

<%!-- Upload Test Section --%> <%!-- Help Section --%>

<.icon name="hero-light-bulb" class="w-5 h-5" />

{gettext("Storage System Architecture")}

{gettext( "The storage system is designed for distributed file management with automatic redundancy." )} {gettext( "Files are tracked in PostgreSQL with support for multiple storage locations (local, S3, remote servers)." )} {gettext( "When a file is requested, the system automatically tries each location until it successfully retrieves the file." )}