@extends('backend.admin.layouts.master')
@section('content')
<div class="content" id="bg_content">
    <div class="pt-6 pb-4">
        <div class="container d-flex justify-content-between flex-stack">
            <div class="d-flex align-items-center me-3">
                <span class="h-20px border-gray-200 border-start mx-2"></span>
                <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                    <li class="breadcrumb-item">
                        <a href="/admin" class="text-dark">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                </ul>
            </div>
            <div class="">
                <a href="#" class="btn btn-dark rounded-0">Back</a>
            </div>
        </div>
    </div>
        <div class="post d-flex flex-column-fluid">
            <div class="container-xxl">
                @if(\Illuminate\Support\Facades\Auth::user()->hasRole('Super Admin'))
                   @livewire('backend.support.chat-component')
                @else
                   @livewire('backend.support.chat-component-user')
                @endif
            </div>
            <!--end::Container-->
        </div>
    </div>
@endsection
@section('before_css')
    <link href="/assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
@endsection
@section('scripts')
    <script src="/assets/plugins/custom/datatables/datatables.bundle.js"></script>
    <script src="/assets/js/widgets.bundle.js"></script>
    <script src="/assets/js/custom/widgets.js"></script>
    <script src="/assets/js/custom/apps/chat/chat.js"></script>
    <script src="/assets/js/custom/utilities/modals/upgrade-plan.js"></script>
    <script src="/assets/js/custom/utilities/modals/create-app.js"></script>
    <script src="/assets/js/custom/utilities/modals/users-search.js"></script>
@endsection