@extends('layouts.app')
@section('title', 'Messages')
@section('page-title', 'Messages')
@section('content')
<div class="space-y-6">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
        @forelse($conversations as $conv)
        <a href="#" class="block p-4 hover:bg-gray-50 border-b border-gray-100">
            <div class="flex items-center justify-between">
                <div>
                    <p class="font-medium text-gray-800">{{ $conv->title ?? 'Conversation #'.$conv->id }}</p>
                    <p class="text-sm text-gray-500 mt-1">{{ Str::limit($conv->latestMessage?->content ?? 'No messages yet', 80) }}</p>
                </div>
                <div class="text-xs text-gray-400">{{ $conv->latestMessage?->created_at?->diffForHumans() ?? '' }}</div>
            </div>
        </a>
        @empty
        <div class="p-12 text-center text-gray-500">
            <i class="fas fa-comments text-4xl mb-3"></i>
            <p>No conversations yet.</p>
        </div>
        @endforelse
    </div>
    {{ $conversations->links() }}
</div>
@endsection