import React from 'react'; import { Head, useForm } from '@inertiajs/react'; import { StaffLayout } from '@/Layouts/StaffLayout'; import { Settings as SettingsIcon, Save, Shield, CreditCard, DollarSign } from 'lucide-react'; interface Props { settings: { [key: string]: string }; } export default function AdminSettings({ settings }: Props) { const form = useForm({ hotel_name: settings?.hotel_name || 'Primon Hotel', hotel_tagline: settings?.hotel_tagline || 'Luxury Boutique Hotel & Spa', hotel_address: settings?.hotel_address || 'Naalya, Kampala, Uganda, Uganda', hotel_phone: settings?.hotel_phone || '0782 195 634', hotel_whatsapp: settings?.hotel_whatsapp || '0782 195 634', hotel_email: settings?.hotel_email || 'reservations@primonhotel.com', // Finance & Currency exchange_rate_ugx: settings?.exchange_rate_ugx || '3800', vat_percentage: settings?.vat_percentage || '18', service_charge_percentage: settings?.service_charge_percentage || '5', // Pesapal 3.0 Credentials pesapal_env: settings?.pesapal_env || 'sandbox', pesapal_consumer_key: settings?.pesapal_consumer_key || '', pesapal_consumer_secret: settings?.pesapal_consumer_secret || '', pesapal_ipn_id: settings?.pesapal_ipn_id || '', // Operations check_in_time: settings?.check_in_time || '14:00', check_out_time: settings?.check_out_time || '11:00', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); form.post('/ssadmin/settings', { preserveScroll: true }); }; return (

Property Configuration Center

Manage localization, rates, payment keys, and operational rules.

{/* Section 1: Property Identity */}

Property Details & Contact

form.setData('hotel_name', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" />
form.setData('hotel_tagline', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" />
form.setData('hotel_address', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" />
form.setData('hotel_phone', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" />
form.setData('hotel_whatsapp', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" />
{/* Section 2: Financial & Localization */}

Currencies & Statutory Taxes

form.setData('exchange_rate_ugx', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5 font-bold" /> e.g. 1 USD = 3,800 UGX
form.setData('vat_percentage', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" /> Uganda Standard: 18%
form.setData('service_charge_percentage', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5" /> Hospitality Standard: 5%
{/* Section 3: Pesapal 3.0 API */}
Payment Gateway

Pesapal 3.0 API Integration

form.setData('pesapal_consumer_key', e.target.value)} className="w-full bg-white/10 border border-white/20 text-white rounded-xl px-3.5 py-2.5 font-mono" />
form.setData('pesapal_consumer_secret', e.target.value)} className="w-full bg-white/10 border border-white/20 text-white rounded-xl px-3.5 py-2.5 font-mono" />
); }