@extends('user.layouts.master')

@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.message.send'),
])