import AdminLayout from '@/Layouts/AdminLayout'; import { Head, Link, router, useForm, usePage } from '@inertiajs/react'; import { ArrowLeft, Calendar, CheckCircle, Clock, LifeBuoy, MessageSquare, Send, Shield, Tag } from 'lucide-react'; import { useTranslation } from 'react-i18next'; import { formatInTz } from '@/Utils/datetime'; const STATUS_VALUES = ['open', 'in_progress', 'closed']; const STATUS_CLS = { open: 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-900/20 dark:text-emerald-400 dark:border-emerald-800', in_progress: 'bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-900/20 dark:text-blue-400 dark:border-blue-800', closed: 'bg-neutral-100 text-neutral-500 border-neutral-200 dark:bg-neutral-700/50 dark:text-neutral-400 dark:border-neutral-600', }; const PRIORITY_STYLES = { urgent: 'text-red-600 dark:text-red-400 font-semibold', high: 'text-orange-500 dark:text-orange-400 font-medium', normal: 'text-neutral-600 dark:text-neutral-400', low: 'text-neutral-400 dark:text-neutral-500', }; function Avatar({ name, staff = false }) { const initials = name?.split(' ').map(n => n[0]).join('').slice(0, 2).toUpperCase() ?? '?'; return (
{staff ? : initials}
); } export default function AdminSupportShow({ ticket }) { const { flash, timezone } = usePage().props; const adminTz = timezone || 'Asia/Dhaka'; const formatTime = (iso) => formatInTz(iso, adminTz, { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit', timeZoneName: undefined }); const { t } = useTranslation(); const { data, setData, post, processing, errors, reset } = useForm({ message: '' }); const STATUS_OPTIONS = STATUS_VALUES.map(v => ({ value: v, label: t(`support_tickets.${v}`), cls: STATUS_CLS[v] })); const submitReply = (e) => { e.preventDefault(); post(route('admin.support.reply', ticket.id), { onSuccess: () => reset() }); }; const changeStatus = (status) => { router.post(route('admin.support.status', ticket.id), { status }); }; const currentStatus = STATUS_OPTIONS.find(s => s.value === ticket.status) ?? STATUS_OPTIONS[0]; return (
{/* Header */}

{ticket.subject}

{currentStatus.label} {ticket.priority} {t('support_tickets.priority_suffix')} #{ticket.id}
{/* Inline status buttons */}
{STATUS_OPTIONS.map(s => ( ))}
{/* Flash */} {flash?.success && (
{flash.success}
)}
{/* Conversation */}
{/* Original message */}
{ticket.name} {formatTime(ticket.created_at)}

{ticket.message}

{/* Replies */} {ticket.replies?.map(r => (
{r.author_name} {r.is_staff && ( {t('support_tickets.support_label')} )}
{formatTime(r.created_at)}

{r.message}

))} {/* Reply Form */}
{t('support_tickets.reply_as_support')}