import AppLayout from '@/layouts/app-layout'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Textarea } from '@/components/ui/textarea'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; import { dashboard } from '@/routes'; import { type BreadcrumbItem } from '@/types'; export default function CreatePricingRule() { const { data, setData, post, processing, errors } = useForm({ service_type: 'call' as 'call' | 'sms' | 'phone_number', country_code: '', country_name: '', base_cost: '', base_cost_unit: 'per_minute', markup_type: 'percentage' as 'percentage' | 'fixed' | 'hybrid', markup_value: '', markup_fixed: '0', minimum_charge: '0.0100', tier: 'standard', notes: '', is_active: true, auto_update_base_cost: false, }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post('/admin/pricing'); }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: dashboard().url }, { title: 'Pricing Rules', href: '/admin/pricing' }, { title: 'Create Pricing Rule', href: '/admin/pricing/create' }, ]; return (
Pricing Rule Details
setData('country_code', e.target.value.toUpperCase())} required /> {errors.country_code && (

{errors.country_code}

)}
setData('country_name', e.target.value)} required /> {errors.country_name && (

{errors.country_name}

)}
{errors.service_type && (

{errors.service_type}

)}
{errors.base_cost_unit && (

{errors.base_cost_unit}

)}
setData('base_cost', e.target.value)} required /> {errors.base_cost && (

{errors.base_cost}

)}
{errors.markup_type && (

{errors.markup_type}

)}
setData('markup_value', e.target.value)} required /> {errors.markup_value && (

{errors.markup_value}

)}
{data.markup_type === 'hybrid' && (
setData('markup_fixed', e.target.value)} /> {errors.markup_fixed && (

{errors.markup_fixed}

)}
)}
setData('minimum_charge', e.target.value)} required /> {errors.minimum_charge && (

{errors.minimum_charge}

)}
{errors.tier && (

{errors.tier}

)}