@php
    $state = $getState();
    $record = $getRecord();
@endphp

<div class="space-y-4">
    <!-- Missatge inicial -->
    <div class="bg-gray-50 rounded-lg p-4">
        <div class="flex items-center justify-between mb-2">
            <span class="text-sm font-medium text-gray-900">{{ $record->usuari->name }}</span>
            <span class="text-sm text-gray-500">{{ $record->created_at->format('d/m/Y H:i') }}</span>
        </div>
        <p class="text-sm text-gray-700">{{ nl2br(e($record->missatge_inicial)) }}</p>
    </div>

    <!-- Historial de missatges -->
    @foreach(collect($record->historial_missatges ?? [])->sortBy('data') as $missatge)
        <div class="bg-white rounded-lg p-4 border border-gray-200">
            <div class="flex items-center justify-between mb-2">
                <span class="text-sm font-medium text-gray-900">{{ App\Models\User::find($missatge['user_id'])->name }}</span>
                <span class="text-sm text-gray-500">{{ \Carbon\Carbon::parse($missatge['data'])->format('d/m/Y H:i') }}</span>
            </div>
            <p class="text-sm text-gray-700">{{ nl2br(e($missatge['missatge'])) }}</p>
        </div>
    @endforeach
</div>