<%!-- Status Card --%>

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

{gettext("Enable Emails")}

{gettext("Track email delivery, opens, clicks, and other events")}

<%= if @email_enabled do %> <%!-- Sender Configuration Card --%>

<.icon name="hero-envelope" class="w-6 h-6" /> {gettext("Sender Configuration")}

<%!-- From Email --%>

{gettext("From Email")} {gettext("Email address used as sender for all outgoing emails")}

<%!-- From Name --%>

{gettext("From Name")} {gettext("Sender name displayed to recipients")}

<%!-- Save Button --%>

<%!-- Options Card --%>

<.icon name="hero-adjustments-horizontal" class="w-6 h-6" /> {gettext("Options")}

<%!-- Save Email Bodies --%>

{gettext("Save Email Bodies")}

{gettext("Store the full content of sent emails for debugging and analysis")}

<%!-- Save Email Headers --%>

{gettext("Save Email Headers")}

{gettext( "Store email headers for debugging and analysis (increases storage usage)" )}

<%!-- AWS SES Events --%>

{gettext("AWS SES Events Options")}

{gettext("Track delivery, bounce, and complaint events from Amazon SES")}

<%!-- Sampling Rate --%>

{gettext("Emails Sampling Rate")}

{gettext("Percentage of emails to fully track for analytics (0-100%)")}

<%!-- Data Retention Card --%>

<.icon name="hero-archive-box" class="w-6 h-6" /> {gettext("Data Retention")}

{gettext("Email Retention Period")}

{gettext("days")}

{gettext("How long to keep emails data before automatic cleanup (1-365 days)")}

<%= if @email_save_body do %> <%!-- Compress Body After Days --%>

{gettext("Compress Email Bodies After")} {gettext("Auto-saves when you click outside the input field")}

{gettext("days")}

<.icon name="hero-information-circle" class="w-3 h-3" /> {gettext( "Compress old email bodies to save storage space (7-365 days). Changes are saved automatically." )}

<% end %> <%!-- S3 Archival Toggle --%>

{gettext("Enable S3 Archival")}

{gettext("Move old email data to AWS S3 for long-term cold storage")}

<%= if @email_archive_to_s3 do %> <%!-- S3 Archival Action Button --%>

{gettext( "Manually trigger S3 archival for emails older than retention period" )}

<% end %>

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

{gettext("Data Privacy Notice")}

{gettext( "Email data will be automatically deleted after the retention period expires. This helps maintain privacy compliance and reduces storage requirements." )}

<%!-- AWS Configuration Card --%>

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

<%!-- AWS Setup Guide (daisyUI collapse) --%>

<.icon name="hero-book-open" class="w-5 h-5" /> {gettext("AWS Setup Guide")}

<%!-- Step 1: Create IAM User --%>

1. Create IAM User

Visit AWS IAM Console
Create new user with programmatic access
Attach policies: SES, SQS, SNS, STS:GetCallerIdentity
Save Access Key ID and Secret Access Key

<%!-- Step 2: Configure Credentials --%>

2. Configure Credentials

Enter Access Key ID (20 characters, e.g., AKIAIOSFODNN7EXAMPLE)
Enter Secret Access Key
Enter AWS Region manually (e.g., eu-north-1)
Click "Verify Credentials" to test connectivity
Optional: Click "Load regions" to see all available regions

<%!-- Step 3: Setup Infrastructure --%>

3. Setup Infrastructure

Click "Setup AWS Infrastructure" to create SNS/SQS resources
Wait for setup completion (typically 30-60 seconds)
All created resources will be automatically filled in the form below
Click "Save AWS Settings" one more time to persist everything

<%!-- Step 4: Verify Email --%>

4. Verify Email/Domain in SES

Go to AWS SES Console
Verify your sender email address or domain
Request production access (if needed to exit sandbox mode)

<%!-- Required Permissions --%>

<.icon name="hero-information-circle" class="h-4 w-4 text-info shrink-0 mt-0.5" />

Required IAM Permissions:

sqs:* - Simple Queue Service
sns:* - Simple Notification Service
ses:* - Simple Email Service
sts:GetCallerIdentity - Credential verification

<%!-- Full Documentation Link --%>

<.icon name="hero-book-open" class="h-4 w-4 text-success shrink-0 mt-0.5" />

Need more help?

See guides/aws_email_setup.md for comprehensive documentation including security best practices, cost optimization, and troubleshooting.

<%!-- Credentials Verification Section --%> <.aws_credentials_verify access_key_id={@aws_settings.access_key_id} secret_access_key={@aws_settings.secret_access_key} region={@aws_settings.region} verifying={@verifying_credentials} verified={@credential_verification_status} message={@credential_verification_message} permissions={@aws_permissions} phx_click="verify_aws_credentials" disabled={@saving or @setting_up_aws} />

<%!-- AWS Access Key ID --%>

{gettext("AWS Access Key ID")} Example: AKIAIOSFODNN7EXAMPLE (20 characters)

<%!-- AWS Secret Access Key --%>

{gettext("AWS Secret Access Key")} Example: wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY

<%!-- AWS Region --%>

<.aws_region_select id="aws-region-select" name="aws_settings[region]" value={@aws_settings.region} regions={@available_regions} regions_loaded={@regions_loaded} selected_region={@selected_region} verifying={@verifying_credentials} verified={@credential_verification_status} phx_change="select_region" class="flex-1" /> <%!-- Button to load/refresh regions --%>

<%!-- Helper text is now in the component itself --%>

<%= if @email_ses_events do %> <%!-- Advanced AWS Settings (collapse) --%>

<.icon name="hero-cog-6-tooth" class="w-5 h-5" /> {gettext( "Advanced AWS Settings" )}

{gettext( "These settings are automatically configured when you run \"Setup AWS Infrastructure\". Manual changes may break the integration." )}

<%!-- SES Configuration Set --%>

{gettext("SES Configuration Set")} {gettext("SES configuration set name")}

<%!-- SNS Topic ARN --%>

{gettext("SNS Topic ARN")} {gettext("SNS topic for email events")}

<%!-- SQS Queue URL --%>

{gettext("SQS Queue URL")} {gettext("Main queue for email events")}

<%!-- SQS Queue ARN --%>

{gettext("SQS Queue ARN")} {gettext("SQS queue ARN for permissions")}

<%!-- SQS DLQ URL --%>

{gettext("SQS Dead Letter Queue URL")} {gettext("Dead letter queue for failed messages")}

<%!-- SQS Worker Settings (collapse) --%>

<.icon name="hero-cog-6-tooth" class="w-5 h-5" /> {gettext( "SQS Worker Settings" )}

<%!-- Enable SQS Polling --%>

{gettext("Enable SQS Polling")}

{gettext( "Automatically poll SQS queue for email events in background" )}

<%!-- SQS Polling Interval --%>

{gettext("SQS Polling Interval")}

{gettext("How often to check for SQS messages (1-60 seconds)")}

<%= if @sqs_polling_enabled do %> <%!-- SQS Max Messages Per Poll --%>

{gettext("Max Messages Per Poll")}

{gettext("messages")}

{gettext( "Maximum number of messages to process in each polling cycle (1-10)" )}

<%!-- SQS Visibility Timeout --%>

{gettext("Visibility Timeout")}

{gettext("seconds")}

{gettext( "How long messages remain invisible after being received (30-43200 seconds)" )}

<% end %> <%!-- Performance Optimization Tips --%>

<.icon name="hero-light-bulb" class="w-4 h-4" /> {gettext( "Performance Tips" )}

• {gettext( "Use longer polling intervals (5-10 seconds) to reduce API calls" )}
• {gettext("Set visibility timeout to match processing time")}
• {gettext("Monitor queue depth and adjust max messages accordingly")}
• {gettext("Enable compression to reduce storage requirements")}

<% end %> <%!-- Warning for credentials changes --%> <%= if String.trim(@aws_settings.access_key_id) != "" or String.trim(@aws_settings.secret_access_key) != "" do %>

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

{gettext("Configuration Changes Detected")}

{gettext( "You've modified your AWS credentials. Click \"Save AWS Settings\" first, then use \"Setup AWS Infrastructure\" to create the required resources." )}

<% end %> <%!-- Action Buttons --%>

<%!-- Current Configuration Summary --%>

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

{gettext("Current Configuration")}

{gettext("Status:")} {gettext("Enabled")}

{gettext("Save email bodies:")} {if @email_save_body, do: gettext("Yes"), else: gettext("No")}

{gettext("AWS SES events:")} {if @email_ses_events, do: gettext("Yes"), else: gettext("No")}

{gettext("Retention period:")} {gettext("%{days} days", days: @email_retention_days)}

{gettext("Sampling rate:")} {@email_sampling_rate}%

{gettext("SQS polling:")} {if @sqs_polling_enabled, do: gettext("Enabled"), else: gettext("Disabled")}

<% else %> <%!-- Disabled State Information --%>

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

{gettext("Emails Disabled")}

{gettext( "Enable the emails above to access configuration options and start managing email delivery events." )}

<%!-- Benefits Card when Disabled --%>

<.icon name="hero-light-bulb" class="w-6 h-6" /> {gettext("Emails Benefits")}

<.icon name="hero-check-circle" class="w-5 h-5 text-success mt-0.5" />

{gettext("Delivery Monitoring")}

{gettext("Track successful email deliveries and identify issues")}

<.icon name="hero-check-circle" class="w-5 h-5 text-success mt-0.5" />

{gettext("Engagement Analytics")}

{gettext("Monitor email opens, clicks, and user engagement")}

<.icon name="hero-check-circle" class="w-5 h-5 text-success mt-0.5" />

{gettext("Debugging Support")}

{gettext("Store email content for troubleshooting delivery issues")}

<.icon name="hero-check-circle" class="w-5 h-5 text-success mt-0.5" />

{gettext("AWS SES Integration")}

{gettext("Automatic webhook handling for bounce and complaint events")}

<% end %>