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 AdminLayout from '@admin/layouts/admin/admin-layout';
import AdminSettingsLayout from '@admin/layouts/admin/admin-settings-layout';
import { Head, router, usePage } from '@inertiajs/react';
import { 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;
};
}
export default function EmailSettings({ emailSettings }: Props) {
const page = usePage();
const handleTestMail = () => {
router.post(
'/admin/settings/email/test',
{},
{
preserveScroll: true,
onSuccess: () => {
const success = (usePage().props as any)?.flash?.success;
if (success) toast.success(success);
const err = (usePage().props as any)?.errors?.email_test;
if (err) toast.error(err);
},
onError: (errors: any) => {
if (errors?.email_test) toast.error(errors.email_test);
},
},
);
};
const emailDefaultValues = {
mail_driver: emailSettings.mail_driver || 'smtp',
mail_from_address: emailSettings.mail_from_address || '',
mail_from_name: emailSettings.mail_from_name || '',
mail_host: emailSettings.mail_host || '',
mail_port: emailSettings.mail_port || 587,
mail_username: emailSettings.mail_username || '',
mail_password: emailSettings.mail_password || '',
mail_encryption: emailSettings.mail_encryption || 'tls',
};
const handleSubmitEmailSettings = async (values: any) => {
router.post('/admin/settings/email', values, { preserveScroll: true });
};
return (
<>
);
}
// 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':
return (
<>
);
case 'mailgun':
return (
<>
);
case 'sendmail':
return (
<>
);
case 'log':
return null;
default:
return null;
}
}
EmailSettings.layout = (page: ReactNode) => (
{page}
);