import React, { useState } from 'react'; import { Head } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { AnswerRateHeatmap, ScheduleOptimizer } from '@/components/scheduling'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Clock, TrendingUp } from 'lucide-react'; import { dashboard } from '@/routes'; import { type BreadcrumbItem } from '@/types'; import { PageHelp } from '@/components/page-help'; interface Campaign { id: number; name: string; } interface Props { campaigns: Campaign[]; } export default function SmartScheduling({ campaigns }: Props) { const [selectedCampaignId, setSelectedCampaignId] = useState( campaigns.length > 0 ? campaigns[0].id : null ); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Home', href: dashboard().url, }, { title: 'Analytics', href: '/analytics/dashboard', }, { title: 'Smart Scheduling', href: '/analytics/smart-scheduling', }, ]; const helpSections = [ { title: 'Smart Call Scheduling', content: 'Smart Scheduling uses AI to analyze historical call data and identify the optimal times to reach contacts. The system learns from patterns in answer rates across different times and days.', }, { title: 'Answer Rate Heatmap', content: 'The heatmap visualizes answer rates by hour and day of the week. Darker colors indicate higher answer rates. Use this to identify the best calling windows for your campaigns.', }, { title: 'Schedule Optimizer', content: 'Get AI-powered recommendations for the best times to schedule your calls. The optimizer considers historical data, contact time zones, and industry best practices to maximize answer rates.', }, { title: 'Time Zones', content: 'All times are displayed in your local timezone. The system automatically adjusts recommendations based on contact locations to ensure calls are made during appropriate hours.', }, { title: 'Best Practices', content: 'Schedule calls during peak answer rate windows shown in green/yellow. Avoid low-performing times (red zones). Allow at least 24 hours of data before relying on recommendations.', }, ]; return (
{/* Header */}

Smart Call Scheduling

AI-powered call timing optimization for maximum answer rates

{/* Campaign Selector */} {campaigns.length > 0 ? ( <> Select Campaign View analytics and optimize schedule for a specific campaign {selectedCampaignId && (
{/* Schedule Optimizer */} {/* Answer Rate Heatmap */}
)} ) : (

No Campaigns Yet

Create a campaign to start using smart scheduling

Create Campaign
)}
); }