import InputError from '@/Components/InputError'; import InputLabel from '@/Components/InputLabel'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { PageProps } from '@/types'; import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler, ReactNode } from 'react'; type Settings = { organization_name: string; email: string | null; phone: string | null; address: string | null; city: string | null; postal_code: string | null; country: string; timezone: string; language: string; currency: string; items_per_page: number; }; type Props = PageProps<{ settings: Settings; flash?: { success?: string | null } }>; export default function SettingsEdit({ settings, flash }: Props) { const form = useForm({ organization_name: settings.organization_name, email: settings.email ?? '', phone: settings.phone ?? '', address: settings.address ?? '', city: settings.city ?? '', postal_code: settings.postal_code ?? '', country: settings.country, timezone: settings.timezone, language: settings.language, currency: settings.currency, items_per_page: (settings.items_per_page ?? 25).toString(), }); const submit: FormEventHandler = (event) => { event.preventDefault(); form.patch(route('settings.update')); }; return (

Paramètres

Gérez les paramètres de votre organisation

}>

{flash?.success &&

{flash.success}

}

form.setData('organization_name', event.target.value)} className="mt-1 w-full" /> form.setData('email', event.target.value)} className="mt-1 w-full" /> form.setData('phone', event.target.value)} className="mt-1 w-full" /> form.setData('address', event.target.value)} className="mt-1 w-full" />

form.setData('postal_code', event.target.value)} className="mt-1 w-full" /> form.setData('city', event.target.value)} className="mt-1 w-full" />

form.setData('language', value)} options={{ fr: 'Français', en: 'English' }} /> form.setData('currency', value)} options={{ EUR: 'Euro (€)', CHF: 'Franc suisse' }} /> form.setData('timezone', value)} options={{ 'Europe/Paris': 'Paris', 'Europe/Brussels': 'Bruxelles', 'Europe/Zurich': 'Zurich' }} /> form.setData('items_per_page', value)} options={{ '10': '10', '25': '25', '50': '50', '100': '100' }} />

{['Téléplus.fr', 'Google Workspace', 'Outlook'].map((integration) => (

{integration}

Connecté

))}

Enregistrer les paramètres

); } function Panel({ title, children }: { title: string; children: ReactNode }) { return

{title}

{children}

; } function Field({ label, id, children }: { label: string; id: string; children: ReactNode }) { return

{children}

; } function SelectField({ label, id, value, onChange, options }: { label: string; id: string; value: string; onChange: (value: string) => void; options: Record }) { return ; }