@extends('layouts.master')
@section('title', 'Chat')


@section('css')
<link rel="stylesheet" href="{{asset('assets/vendor/css/pages/app-chat.css')}}" />
@endsection

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    
    @section('breadcrumbs')
    <nav aria-label="breadcrumb" class="d-flex custom-breadcrumbs flex-sm-nowrap flex-wrap ">
        <ol class="breadcrumb mb-0 me-1">
            <li class="breadcrumb-item">
                <a href="{{ route('admin.dashboard') }}">Dashboard</a>
            </li>
            <li class="breadcrumb-item active">
                Chat
            </li>

        </ol>
    </nav>
    @endsection

 
    <!-- Content -->           
    <div class="app-chat card overflow-hidden">
        <div class="row g-0">
        
            @include('admin.chat.chatsidebar')

        <div class="app-overlay"></div>
        </div>
    </div>
    <!-- / Content -->
          

</div>
@endsection

@section('scripts')

<script>
    $(document).ready(function () {

             /* Initialize Select2 */
            const contactselect2 = $('#user_select');
            if (contactselect2.length) {
                contactselect2.each(function() {
                    var $this = $(this);
                    $this.wrap('<div class="position-relative w-100"></div>').select2({
                        placeholder: 'Select User',
                        dropdownParent: $this.parent()
                    });
                });
            }

            /* On change User redirect on perticular chat */    
            $(document).on("change","#user_select",function(){
                var id = $(this).val();
                if(id!=''){
                    window.location.href = baseUrl+"/admin/chat-details/"+id;
                }else{
                    window.location.href = baseUrl+"/admin/chat";
                }
            });

            /* scroll Left side */
            chatSidebarLeftBody = document.querySelector('.sidebar-body'),
            new PerfectScrollbar(chatSidebarLeftBody, {
                wheelPropagation: false,
                suppressScrollX: true
            });
            
    });
</script>
@endsection