import { Head, router, useForm } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import InputError from '@/components/input-error'; import type { Company, System } from '@/types'; type Props = { systems: System[]; companies: Company[] }; export default function CreateSlaRule({ systems, companies }: Props) { const { data, setData, post, processing, errors } = useForm({ system_id: '', priority: 'medium', company_id: '', response_hours: '4', resolution_hours: '24', is_active: true, }); function handleSubmit(e: React.FormEvent) { e.preventDefault(); post('/admin/sla-rules'); } return ( <>

Add SLA Rule

System (optional)

Priority

Company (optional)

Response Time (hours) setData( 'response_hours', e.target.value, ) } min="1" />

Resolution Time (hours) setData( 'resolution_hours', e.target.value, ) } min="1" />

setData('is_active', !!v) } /> Active

); }