@php($isJpp = auth()->user()->can('serahan.lihat_semua'))
<div class="card mb-3" id="komen">
    <div class="card-header bg-white fw-semibold"><i class="bi bi-chat-dots me-1"></i> Perbualan / Komen</div>
    <div class="card-body">
        <div class="mb-3" style="max-height:420px; overflow-y:auto">
            @forelse ($submission->comments as $comment)
                {{-- Komen dalaman hanya kelihatan kepada kakitangan JPP --}}
                @if ($comment->is_internal && ! $isJpp) @continue @endif
                <div class="chat-message {{ $comment->is_internal ? 'internal' : '' }}">
                    <div class="d-flex justify-content-between">
                        <strong class="small">{{ $comment->user?->name ?? 'Pengguna' }}
                            @if($comment->is_internal)<span class="badge bg-warning text-dark">Dalaman</span>@endif
                        </strong>
                        <span class="text-muted" style="font-size:.72rem">{{ $comment->created_at->format('d/m/Y H:i') }}</span>
                    </div>
                    <div class="small">{!! nl2br(e($comment->body)) !!}</div>
                    @can('komen.padam')
                        <form method="POST" action="{{ route('comments.destroy', $comment) }}" data-confirm="Padam mesej ini (soft delete, rekod audit disimpan)?">@csrf @method('DELETE')<button class="btn btn-link btn-sm text-danger p-0" style="font-size:.72rem">Padam</button></form>
                    @endcan
                </div>
            @empty
                <p class="text-muted small">Tiada mesej lagi.</p>
            @endforelse
        </div>

        @can('comment', $submission)
        <form method="POST" action="{{ route('comments.store', $submission) }}">
            @csrf
            <textarea name="body" rows="2" class="form-control mb-2" placeholder="Tulis mesej..." required></textarea>
            <div class="d-flex justify-content-between align-items-center">
                @if($isJpp)
                <div class="form-check"><input type="checkbox" name="is_internal" value="1" class="form-check-input" id="internalChk"><label for="internalChk" class="form-check-label small">Mesej dalaman (JPP sahaja)</label></div>
                @else<span></span>@endif
                <button class="btn btn-sm btn-success"><i class="bi bi-send me-1"></i> Hantar</button>
            </div>
        </form>
        @endcan
    </div>
</div>