@extends('admin.layout')
@section('title', 'Sohbet Detayı')
@section('content')
@php
    $users = $conversation->participants->map->user->filter();
    $title = $users->pluck('name')->filter()->take(2)->implode(' · ') ?: 'Sohbet #'.$conversation->id;
@endphp
<div class="page-head">
    <div>
        <h1>{{ $title }}</h1>
        <div class="muted">Sohbet #{{ $conversation->id }} · Görüntüleme audit log’a kaydedildi</div>
    </div>
    <a class="btn secondary" href="{{ route('admin.conversations') }}">← Listeye dön</a>
</div>

<div class="card" style="margin-bottom:16px;">
    <strong>Katılımcılar</strong>
    <div style="margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;">
        @foreach($users as $u)
            <div>
                <strong>{{ $u->name }}</strong>
                <div class="muted">#{{ $u->id }} · {{ $u->email }}</div>
                <span class="badge {{ $u->is_active ? 'success' : 'danger' }}">{{ $u->is_active ? 'Aktif' : 'Pasif' }}</span>
            </div>
        @endforeach
    </div>
</div>

<div class="card" style="display:flex;flex-direction:column;gap:12px;">
    @forelse($messages as $message)
        <div style="padding:12px;border:1px solid var(--border, #e5e7eb);border-radius:12px;{{ $message->trashed() ? 'opacity:.65;' : '' }}">
            <div style="display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;">
                <strong>{{ $message->user?->name ?? 'Bilinmeyen' }}</strong>
                <span class="muted">{{ $message->created_at?->format('d.m.Y H:i') }}</span>
            </div>
            @if($message->trashed())
                <span class="badge danger" style="margin-top:6px;">Silinmiş</span>
            @endif
            @if($message->body)
                <div style="margin-top:8px;white-space:pre-wrap;word-break:break-word;">{{ $message->body }}</div>
            @endif
            @if($message->attachment_path)
                <div style="margin-top:8px;">
                    @if($message->attachment_type === 'video')
                        <a href="{{ $message->attachmentUrl() }}" target="_blank" rel="noopener">Video ekini aç</a>
                    @else
                        <a href="{{ $message->attachmentUrl() }}" target="_blank" rel="noopener">
                            <img src="{{ $message->attachmentUrl() }}" alt="Ek" style="max-width:min(320px,100%);border-radius:8px;">
                        </a>
                    @endif
                </div>
            @endif
            @if(! $message->body && ! $message->attachment_path)
                <div class="muted" style="margin-top:8px;">(boş mesaj)</div>
            @endif
        </div>
    @empty
        <div class="muted" style="text-align:center;padding:24px;">Bu sohbette mesaj yok.</div>
    @endforelse
</div>
<div class="pagination">{{ $messages->links() }}</div>
@endsection