@extends('layouts.main_dashboard.app')
@section('title', app()->getLocale() === 'ar' ? 'رسائل الدعم' : 'Support Messages')
@section('skip_page_hero', true)
@php($isArabic = app()->getLocale() === 'ar')
@section('content')
<div class="space-y-4">
    @if($threads->count() > 0)
        @foreach($threads as $thread)
            <a href="{{ route('teacher.social-support.messages.show', $thread) }}" class="block rounded-xl border border-surface-200 bg-white p-5 shadow-sm transition hover:border-brand-200 dark:border-surface-800 dark:bg-surface-950 dark:hover:border-brand-500/30">
                <h2 class="text-base font-black text-surface-900 dark:text-white">{{ $thread->subject }}</h2>
                <p class="mt-2 text-xs text-surface-500 dark:text-surface-400">{{ $thread->socialWorker?->name ?? '—' }}{{ $thread->student?->name ? ' • ' . $thread->student->name : '' }}</p>
            </a>
        @endforeach
    @else
        <div class="rounded-xl border border-dashed border-surface-300 bg-white p-10 text-center text-sm text-surface-500 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-400">{{ $isArabic ? 'لا توجد رسائل خاصة.' : 'No private messages.' }}</div>
    @endif
    <section class="rounded-xl border border-surface-200 bg-white px-6 py-5 shadow-sm dark:border-surface-800 dark:bg-surface-900">{{ $threads->links('pagination::simple-tailwind') }}</section>
</div>
@endsection