@extends('user.layouts.master')
@push('css')
@endpush
@section('breadcrumb')
@include('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __("Support Chat")])
@endsection
@section('content')
<div class="body-wrapper">
<div class="custom-card support-card mt-10">
<div class="support-card-wrapper">
<div class="card-header">
<div class="card-header-user-area">
<img class="avatar" src="{{ auth()->user()->userImage ?? "" }}" alt="client">
<div class="card-header-user-content">
<h6 class="title">{{ $support_ticket->user->fullname ?? "" }}</h6>
<span class="sub-title">{{ __("Ticket ID") }} : <span class="text--warning">#{{ $support_ticket->token }}</span></span>
</div>
</div>
<div class="info-btn">
<i class="las la-info-circle"></i>
</div>
</div>
<div class="support-chat-area">
<div class="chat-container messages">
<ul>
@foreach ($support_ticket->conversations ?? [] as $item)
<li class="media media-chat @if ($item->receiver_type != "USER") media-chat-reverse sent @else replies @endif">
<img class="avatar" src="{{ $item->senderImage }}" alt="user">
<div class="media-body">
<p>{{ $item->message }}</p>
</div>
</li>
@endforeach
</ul>
</div>
@include('user.components.support-ticket.conversation-message-input',['support_ticket' => $support_ticket])
</div>
</div>
@include('user.components.support-ticket.details',['support_ticket' => $support_ticket])
</div>
</div>
@endsection
@include('admin.components.support-ticket.conversation.connection-user',[
'support_ticket' => $support_ticket,
'route' => setRoute('user.support.ticket.messaage.send'),
])
Before you begin integrating the Kueue Pay Developer API, make sure you have: