40 lines
2.4 KiB
PHP
40 lines
2.4 KiB
PHP
@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>
|