{{-- resources/views/issue/partials/replies.blade.php --}}
{{-- Rendered on initial page load and by the issue.replies JSON endpoint
     (AJAX send confirmation + background polling). Bubble-chat markup,
     styled to match the reference messenger UI. --}}
@foreach ($replies as $reply)
    @php
        $isMe = $reply->reply_by == Auth::id();
        $currentDate = \Carbon\Carbon::parse($reply->created_at)->format('Y-m-d');
        $prevDate = $loop->index > 0 ? \Carbon\Carbon::parse($replies[$loop->index - 1]->created_at)->format('Y-m-d') : null;
        $showDate = $currentDate !== $prevDate;

        $dateObj = \Carbon\Carbon::parse($reply->created_at);
        $dateLabel = $dateObj->isToday() ? 'Today' : ($dateObj->isYesterday() ? 'Yesterday' : $dateObj->format('l, j F'));

        $replyText = e($reply->reply);
        $prefix = '';
        $prefixColor = '';
        if (str_starts_with($replyText, 'Opening Remark:')) {
            $prefix = 'Opening Remark:';
            $prefixColor = '#22c55e';
        } elseif (str_starts_with($replyText, 'Closing Remark:')) {
            $prefix = 'Closing Remark:';
            $prefixColor = '#ef4444';
        }
        $replyTextWithoutPrefix = $prefix ? substr($replyText, strlen($prefix)) : $replyText;
    @endphp

    @if($showDate)
        <div class="msg-date-divider"><span class="msg-date-label">{{ $dateLabel }}</span></div>
    @endif

    <div class="msg-row {{ $isMe ? 'outgoing' : '' }}" data-reply-id="{{ $reply->id }}">
        <div class="msg-avatar-sm">
            <img src="{{ asset($reply->user->avatar ?? 'default_user.png') }}" alt="{{ $reply->user->name ?? 'User' }}">
        </div>

        <div class="msg-col">
            @if(!$isMe)
                <span class="msg-sender-name">{{ isset($reply->user->name) ? explode(' ', trim($reply->user->name))[0] : 'Unknown user' }}</span>
            @endif

            <div class="msg-bubble">
                <div class="msg-bubble-text">
                    @if ($prefix)
                        <strong style="color: {{ $prefixColor }};">{{ $prefix }}</strong>
                    @endif
                    {!! nl2br($replyTextWithoutPrefix) !!}
                </div>

                @if(!empty($reply->attachments) && count(json_decode($reply->attachments, true)) > 0)
                    <div class="attachment-gallery-reply">
                        @foreach (json_decode($reply->attachments, true) as $attachment)
                            @php
                                $extension = strtolower(pathinfo($attachment, PATHINFO_EXTENSION));
                                $viewableExtensions = ['jpeg', 'jpg', 'png', 'gif', 'svg', 'pdf'];
                                $downloadExtensions = ['txt', 'csv', 'xlsx', 'docx', 'zip', 'rar'];
                            @endphp

                            @if($extension !== 'pdf' && in_array($extension, $viewableExtensions))
                                <div class="attachment-img-wrap">
                                    <img src="{{ asset($attachment) ?? '' }}" alt="Attachment"
                                         onclick="openModal('{{ asset($attachment) ?? '' }}')">
                                </div>
                            @elseif($extension === 'pdf')
                                <a href="{{ asset($attachment) ?? '' }}" target="_blank" class="attachment-file-chip">
                                    <span class="attachment-file-icon"><i class="bi bi-file-earmark-pdf"></i></span>
                                    <span class="attachment-file-info">
                        <span class="attachment-file-name">{{ preg_replace('/^\d+_/', '', basename($attachment)) ?? '' }}</span>
                        <span class="attachment-file-type">PDF</span>
                    </span>
                                </a>
                            @elseif(in_array($extension, $downloadExtensions))
                                <a href="{{ asset($attachment) ?? '' }}" download="{{ basename($attachment) ?? '' }}" class="attachment-file-chip">
                                    <span class="attachment-file-icon"><i class="bi bi-paperclip"></i></span>
                                    <span class="attachment-file-info">
                        <span class="attachment-file-name">{{ preg_replace('/^\d+_/', '', basename($attachment)) ?? '' }}</span>
                        <span class="attachment-file-type">{{ strtoupper($extension) }}</span>
                    </span>
                                </a>
                            @else
                                <a href="javascript:void(0);" class="attachment-file-chip" onclick="openVideoModal('{{ asset($attachment) ?? '' }}')">
                                    <span class="attachment-file-icon"><i class="bi bi-camera-video"></i></span>
                                    <span class="attachment-file-info">
                        <span class="attachment-file-name">{{ preg_replace('/^\d+_/', '', basename($attachment)) ?? '' }}</span>
                        <span class="attachment-file-type">VIDEO</span>
                    </span>
                                </a>
                            @endif
                        @endforeach
                    </div>
                @endif

                <span class="msg-bubble-time">{{ \Carbon\Carbon::parse($reply->created_at)->format('h:i A') }}</span>
            </div>

            @if($isMe)
                <div class="msg-read-receipt"><i class="bi bi-check2-all"></i></div>
            @endif
        </div>
    </div>
@endforeach