import { ActivityLogSidebar } from '@admin/components/activity-log/ActivityLogSidebar';
import { useModelActivityLog } from '@admin/components/activity-log/useModelActivityLog';
import { Form, FormField } from '@admin/components/form';
import HeadingSmall from '@admin/components/heading-small';
import { Button } from '@admin/components/ui/button';
import { Card, CardContent } from '@admin/components/ui/card';
import AppLayout from '@admin/layouts/app-layout';
import SettingsLayout from '@admin/layouts/settings/layout';
import { Head, router, useForm as useInertiaForm, usePage } from '@inertiajs/react';
import { Activity, Save } from 'lucide-react';
import { ReactNode } from 'react';
import { useFormContext } from 'react-hook-form';
import { toast } from 'sonner';
interface Props {
emailSettings: {
mail_driver: string;
mail_from_address: string;
mail_from_name: string;
mail_host: string;
mail_port: number;
mail_username: string;
mail_password: string;
mail_encryption: string;
};
brandingSettings: {
header: string;
system_signature: string;
user_signature: string;
footer: string;
};
}
export default function Index({ emailSettings, brandingSettings }: Props) {
const activityLogCtl = useModelActivityLog();
const page = usePage();
const handleTestMail = () => {
router.post(
route('settings.email.test'),
{},
{
preserveScroll: true,
onSuccess: () => {
const props: any = usePage().props;
const success = props?.flash?.success;
if (success) toast.success(success);
const err = props?.errors?.email_test;
if (err) toast.error(err);
},
onError: (errors: any) => {
if (errors?.email_test) toast.error(errors.email_test);
},
},
);
};
// Main email settings form state (custom Form)
const emailDefaultValues = {
mail_driver: emailSettings.mail_driver || 'smtp',
mail_from_address: emailSettings.mail_from_address || null,
mail_from_name: emailSettings.mail_from_name || null,
mail_host: emailSettings.mail_host || null,
mail_port: emailSettings.mail_port || 587,
mail_username: emailSettings.mail_username || null,
mail_password: emailSettings.mail_password || null,
mail_encryption: emailSettings.mail_encryption || 'tls',
};
const handleSubmitEmailSettings = async (values: any) => {
router.post(route('settings.email.update'), values, { preserveScroll: true });
};
useInertiaForm({
email_header: null, // default values or fetched from props
email_signature: null,
email_footer: null,
});
// Branding form state (custom Form)
const brandingDefaultValues = {
header: brandingSettings.header || null,
system_signature: brandingSettings.system_signature || null,
user_signature: brandingSettings.user_signature || null,
footer: brandingSettings.footer || null,
};
const handleSubmitEmailBranding = async (values: any) => {
router.post(route('settings.email_brand.update'), values);
};
return (
<>
{/* Configurations */}
);
}
// Renders transport specific credential fields based on selected driver
function TransportSpecificFields() {
const { watch } = useFormContext();
const driver = watch('mail_driver');
if (!driver) return null;
switch (driver) {
case 'smtp':
return (
<>
);
case 'ses':
// SES via Laravel uses env creds; allow optional region override fields in future
return (
<>
);
case 'mailgun':
return (
<>
);
case 'sendmail':
return (
<>
);
case 'log':
return <>{/* No extra credentials needed for log driver */};
default:
return null;
}
}
Index.layout = (page: ReactNode) => (
{page}
);