@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'محادثة الدعم' : 'Support Thread')
@section('skip_page_hero', true)
@php($isArabic = app()->getLocale() === 'ar')
@section('content')
<div class="space-y-6">
    <section class="rounded-[1.75rem] border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-950"><h1 class="text-2xl font-black text-zinc-900 dark:text-white">{{ $thread->subject }}</h1></section>
    <section class="space-y-3">@foreach($thread->messages as $message)<article class="rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-950"><p class="text-sm font-black text-zinc-900 dark:text-white">{{ $message->sender?->name ?? '—' }}</p><p class="mt-3 text-sm text-zinc-600 dark:text-zinc-300">{{ $message->body }}</p></article>@endforeach</section>
    <form action="{{ route('parent.social-care.messages.reply', $thread) }}" method="POST" class="rounded-[1.75rem] border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-950">@csrf<textarea name="body" rows="4" class="w-full rounded-2xl border border-zinc-200 bg-white px-4 py-3 text-sm dark:border-zinc-700 dark:bg-zinc-950 dark:text-white" placeholder="{{ $isArabic ? 'اكتب الرد' : 'Write reply' }}"></textarea><button class="mt-4 inline-flex items-center justify-center rounded-2xl bg-brand-600 px-5 py-3 text-sm font-black text-white">{{ $isArabic ? 'إرسال' : 'Send' }}</button></form>
</div>
@endsection