@extends('admin.layout.master')
@section('content')
@section('chat', 'active')
@section('title', 'Chat')
<!--start page wrapper -->
<div class="page-wrapper">
  <div class="page-content">
    <div class="chat-wrapper">
      @livewire('influencer-chat.chat-list')
      <div class="chat-header d-flex align-items-center">
        <div class="chat-toggle-btn"><i class='bx bx-menu-alt-left'></i>
        </div>
        <div>
          <!--<h4 class="mb-1 font-weight-bold">Harvey Inspector</h4>-->
          <div class="list-inline d-sm-flex mb-0 d-none"> <a href="javascript:;"
              class="list-inline-item d-flex align-items-center text-secondary">
              <!--<small class='bx bxs-circle me-1 chart-online'></small>-->
            </a>
            {{-- <a href="javascript:;" class="list-inline-item d-flex align-items-center text-secondary">|</a>
                        <a href="javascript:;" class="list-inline-item d-flex align-items-center text-secondary"><i class='bx bx-images me-1'></i>Gallery</a>
                        <a href="javascript:;" class="list-inline-item d-flex align-items-center text-secondary">|</a>
                        <a href="javascript:;" class="list-inline-item d-flex align-items-center text-secondary"><i class='bx bx-search me-1'></i>Find</a> --}}
          </div>
        </div>
        {{-- <div class="chat-top-header-menu ms-auto"> <a href="javascript:;"><i class='bx bx-video'></i></a>
                    <a href="javascript:;"><i class='bx bx-phone'></i></a>
                    <a href="javascript:;"><i class='bx bx-user-plus'></i></a>
                </div> --}}
      </div>
      <div class="chat-content">
        <div class="chat-content-leftside">
          <div class="d-flex">
            <!--<img src="assets/images/avatars/avatar-3.png" width="48" height="48" class="rounded-circle" alt="" />-->
            <div class="flex-grow-1 ms-2">
              <!--<p class="mb-0 chat-time">Harvey, 2:35 PM</p>-->
              <!--<p class="chat-left-msg">Hi, harvey where are you now a days?</p>-->
            </div>
          </div>
        </div>
        <div class="chat-content-rightside">
          <div class="d-flex ms-auto">
            <div class="flex-grow-1 me-2">
              <!--<p class="mb-0 chat-time text-end">you, 2:37 PM</p>-->
              <!--<p class="chat-right-msg">I am in USA</p>-->
            </div>
          </div>
        </div>
      </div>
      <div class="chat-footer d-flex align-items-center">
        <div class="flex-grow-1 pe-2">
          <!--<form action="">-->
          <!--<div class="input-group">	-->
          <!--    <span class="input-group-text"><i class='bx bx-smile'></i></span>-->
          <!--    <input type="text" class="form-control" placeholder="Type a message">-->
          <!--</div>-->
          <!--</form>-->
        </div>
        <!--<div class="chat-footer-menu"> <a href="javascript:;"><i class='bx bx-file'></i></a>-->
        {{-- <a href="javascript:;"><i class='bx bxs-contact'></i></a> --}}
        {{-- <a href="javascript:;"><i class='bx bx-microphone'></i></a> --}}
        {{-- <a href="javascript:;"><i class='bx bx-dots-horizontal-rounded'></i></a> --}}
        <!--</div>-->
      </div>
      <!--start chat overlay-->
      <div class="overlay chat-toggle-btn-mobile"></div>
      <!--end chat overlay-->
    </div>
  </div>
</div>
@endsection

<!--end page wrapper -->