@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 mb-2">
              <div class="row">
                <div class="col-12 col-xl-8 mb-xl-0">
                    <h3 class="font-weight-bold">{{ __('Support Center - Ticket #') }}{{ $supportTicket->ticket_id }}</h3>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12 mb-2 stretch-card">
                <div class="card">
                    <div class="card-body">
                        <div class="row d-flex">
                            <div class="col-xl-4 col-md-12 order-0">
                                <h6>{{ __("User ID : ") }}{{ $supportTicket->user_id }}</h6>
                                @if ($supportTicket->user()->exists())
                                <h6>{{ __("Name : ") }}{{ $supportTicket->user->name }}</h6>
                                @else
                                <h6>{{ __("Name : N/A") }}</h6>
                                @endif
                            </div>
                            <div class="col-xl-4 col-md-12 order-1">
                                @if ($supportTicket->user()->exists())
                                    @if (!is_null($supportTicket->user()) && $supportTicket->user->user_type == 0)
                                    <h6>{{ __("User Type : Customer") }}</h6>
                                    @elseif (!is_null($supportTicket->user()) && $supportTicket->user->user_type == 1)
                                    <h6>{{ __("User Type : Taxi Owner") }}</h6>
                                    @elseif (!is_null($supportTicket->user()) && $supportTicket->user->user_type == 2)
                                    <h6>{{ __("User Type : Company") }}</h6>
                                    @endif
                                    @if (!is_null($supportTicket->user()) && !is_null($supportTicket->user->whatsapp_no))
                                    <h6>{{ __("WhatsApp Number : ") }}{{ $supportTicket->user->whatsapp_no }}</h6>
                                    @endif
                                @else
                                    <h6>{{ __("User Type : N/A") }}</h6>
                                    <h6>{{ __("WhatsApp Number : N/A") }}</h6>
                                @endif
                            </div>
                            <div class="col-xl-4 col-md-12 order-2">
                                <h6>{{ __("Subject : ") }}
                                    {{ $supportTicket->subject }}
                                </h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12 mb-2 stretch-card">
                <div class="card">
                    <div class="card-body">
                        <div class="col-12">
                            <div class="p-2" id="chat-history">
                                @foreach ($chats as $ticketChat)
                                    <div class="chat-card mb-2">
                                        <div class="sender">
                                            @if ($ticketChat->sender_id == 0)
                                            <h5>
                                                {{ __("You") }}
                                            </h5>
                                            @elseif($ticketChat->sender_id != 0 && !is_null($ticketChat->sender()))
                                            <h5>
                                                <strong>
                                                    {{ $ticketChat->sender->name }}
                                                </strong>
                                            </h5>
                                            @endif
                                        </div>
                                        <div class="message">
                                            <p>
                                                {{ $ticketChat->message }}
                                            </p>
                                        </div>
                                        <div class="time">
                                            <span>
                                                <small class="text-muted">
                                                    {{ \Carbon\Carbon::parse($ticketChat->created_at)->format('M d, Y h:i:s A') }}
                                                </small>
                                            </span>
                                        </div>
                                        <hr>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="col-12">
                            {{-- <button class="btn btn-sm btn-info me-2" onclick="goToChatEnd('chat-history');">
                                <i class="fa-solid fa-circle-chevron-down"></i>
                            </button> --}}
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="hidden" name="support_ticket_id" id="support_ticket_id" value="{{ $supportTicket->id }}">
                                  <input type="text" class="form-control" id="chatMsg" placeholder="Send Message" aria-label="Send Message">
                                  <div class="input-group-append">
                                    <button class="btn btn-primary" type="button" id="sendChat_{{ $supportTicket->id }}">
                                        <i class="fa-solid fa-paper-plane"></i>
                                    </button>
                                  </div>
                                </div>
                              </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
</div>
@endsection
@extends('admin.layouts.footer')