@extends('customer.layouts.new-app')
@section('title')
    All Messages
@endsection
@section('css')
    <link href="{{ asset('assets_admin/css/chat.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
        integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
        <link href="{{ asset('assets_admin/css/chat/chat.css') }}" rel="stylesheet">

    <style>
       


        .list-group-item.active {
            background: none !important;
            border-color: none !important;
        }

        .list-group-item {
            border: none;
            background: none;
        }

        .list-group .list-group-item a {
            color: rgb(10, 10, 10) !important;
        }

        .unread-msgs .list-group-item:first-child {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .unread-msgs .list-group-item:last-child {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .unread-msgs .list-group-item {
            height: 65px;
            font-size: 13px
        }

        .btn-outline-light:hover{
            color: black !important;
        }
    </style>
@endsection
@section('content')
    <div class="container">
        <div class="row g-2">
            <div class="col-12"><a href="{{ url('customer/chat-system/create') }}" class="btn btn-primary">Create Chat</a></div>
            <div class="col-12">
                <div class="card ">
                    <livewire:customer.chat.main-component>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@section('js')
@endsection