import { Head, useForm } from '@inertiajs/react'; import SiteNav from '@/Components/Navigation/SiteNav'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { LoadingButton } from '@/Components/ui/loading-button'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/Components/ui/select'; import { Switch } from '@/Components/ui/switch'; import { useUnsavedChanges } from '@/hooks/useUnsavedChanges'; import DashboardLayout from '@/Layouts/DashboardLayout'; import { formatDate } from '@/lib/format'; import type { SiteBasic } from '@/types'; interface Schedule { id: number; site_id: number; frequency: string; next_run_at: string | null; last_run_at: string | null; last_run_status: string | null; enabled: boolean; } interface AutomationSettings { auto_analyze_after_sync: boolean; auto_generate_drafts: boolean; draft_impact_threshold: number; min_analysis_interval_hours: number; } interface Props { site: SiteBasic; schedule: Schedule | null; automation: AutomationSettings; } export default function SiteSettings({ site, schedule, automation }: Props) { const { data, setData, patch, processing, errors, isDirty } = useForm({ enabled: schedule?.enabled ?? false, frequency: schedule?.frequency ?? 'weekly', }); const { data: automationData, setData: setAutomationData, patch: patchAutomation, processing: automationProcessing, errors: automationErrors, isDirty: isAutomationDirty, } = useForm({ auto_analyze_after_sync: automation.auto_analyze_after_sync, auto_generate_drafts: automation.auto_generate_drafts, draft_impact_threshold: automation.draft_impact_threshold, min_analysis_interval_hours: automation.min_analysis_interval_hours, }); useUnsavedChanges(isDirty || isAutomationDirty); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); patch(route('sites.schedule.update', site.id)); }; const handleAutomationSubmit = (e: React.FormEvent) => { e.preventDefault(); patchAutomation(route('sites.automation.update', site.id)); }; return ( <>

Analysis Schedule

Configure automatic analysis runs for {site.name}.

Automatically run analysis at regular intervals

setData('enabled', checked)} />
{errors.enabled &&

{errors.enabled}

}
{data.enabled && (
{errors.frequency && (

{errors.frequency}

)}
)} Save Schedule
{schedule && (

Schedule Information

{schedule.next_run_at && (
Next scheduled run:
{formatDate(schedule.next_run_at)}
)} {schedule.last_run_at && (
Last run:
{formatDate(schedule.last_run_at)}
)} {schedule.last_run_status && (
Last run status:
{schedule.last_run_status}
)}
)} {/* Automation Settings */}

Automation

Configure automated SEO workflows that run without manual intervention.

Automatically run analysis after each Google Search Console sync

setAutomationData('auto_analyze_after_sync', checked) } />
{automationErrors.auto_analyze_after_sync && (

{automationErrors.auto_analyze_after_sync}

)}
{automationData.auto_analyze_after_sync && (
setAutomationData( 'min_analysis_interval_hours', parseInt(e.target.value, 10) || 1, ) } className="mt-1" /> {automationErrors.min_analysis_interval_hours && (

{automationErrors.min_analysis_interval_hours}

)}
)}

Automatically generate AI drafts for high-impact keyword opportunities

setAutomationData('auto_generate_drafts', checked)} />
{automationErrors.auto_generate_drafts && (

{automationErrors.auto_generate_drafts}

)}
{automationData.auto_generate_drafts && (

Only opportunities above this threshold will receive auto-generated drafts

setAutomationData('draft_impact_threshold', parseInt(e.target.value, 10) || 0) } className="mt-1" /> {automationErrors.draft_impact_threshold && (

{automationErrors.draft_impact_threshold}

)}
)} Save Automation Settings
); } SiteSettings.layout = (page: React.ReactNode) => {page};