@php
$comments = $getRecord()->departmentComments->sortBy('created_at');
$initiatorId = $getRecord()->created_by_user_id;
$departmentId = $getRecord()->department_id;
@endphp

@if ($comments->isNotEmpty())
    <div class="mt-4 space-y-4">
        @foreach ($comments as $comment)
            @php
                $isInitiator = $comment->user_id === $initiatorId;
                $isDepartmentLeader = false;
                if ($getRecord()->department) {
                    $isDepartmentLeader = $getRecord()->department->isUserLeader($comment->user_id);
                }

                $bgColor = 'bg-gray-50'; // Default
                $alignment = 'justify-start'; // Default alignment
                $actionColor = 'text-gray-700';
                $actionText = str_replace('_', ' ', $comment->action);

                if ($isInitiator) {
                    $bgColor = 'bg-blue-50';
                    $alignment = 'justify-end';
                    $actionText = 'Responded';
                    $actionColor = 'text-blue-700';
                } elseif ($isDepartmentLeader) {
                    if ($comment->action === 'approved') {
                        $bgColor = 'bg-green-50';
                        $actionColor = 'text-green-700';
                    } elseif ($comment->action === 'returned') {
                        $bgColor = 'bg-red-50';
                        $actionColor = 'text-red-700';
                    }
                }
            @endphp
            <div class="flex {{ $alignment }}">
                <div class="w-full md:w-3/4 p-4 rounded-lg border {{ $bgColor }}">
                    <div class="flex items-center justify-between">
                        <p class="text-sm font-medium text-gray-900">{{ $comment->user->name ?? 'System' }}</p>
                        <p class="text-xs text-gray-500">{{ $comment->created_at->format('M d, Y, H:i A') }}</p>
                    </div>
                    <p class="mt-1 text-sm text-gray-700">
                        <span class="font-semibold">Action:</span>
                        <span class="capitalize font-medium {{ $actionColor }}">
                            {{ $actionText }}
                        </span>
                    </p>
                    @if ($comment->comment)
                        <p class="mt-2 text-sm text-gray-600 bg-white p-2 rounded">{{ $comment->comment }}</p>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@else
    <p class="text-sm text-gray-500">No department comments yet.</p>
@endif