@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'محادثة خاصة' : 'Private 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>
        <p class="mt-2 text-sm text-zinc-500 dark:text-zinc-400">{{ $thread->participantUser?->name ?? '—' }}{{ $thread->student?->name ? ' • ' . $thread->student->name : '' }}</p>
    </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 leading-7 text-zinc-600 dark:text-zinc-300">{{ $message->body }}</p>
                <p class="mt-2 text-xs text-zinc-400 dark:text-zinc-500">{{ $message->created_at?->translatedFormat('Y/m/d h:i A') ?? '—' }}</p>
            </article>
        @endforeach
    </section>
    <form action="{{ route('social-worker.communication.threads.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" placeholder="{{ $isArabic ? 'اكتب الرد' : 'Write a reply' }}" 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"></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 reply' }}</button>
    </form>
</div>
@endsection