@extends('admin.layouts.master')

@section('page_title', __('admin.Add New :name', ['name' => __('admin.Chat')]))

@section('page_heading', __('admin.Add New :name', ['name' => __('admin.Chat')]))

@section('page_text', __('admin.Add New :name', ['name' => __('admin.Chat')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Chat')

@section('page_breadcrumb_item2', 'Chat List')

@section('page_button')

@can('additional-type-create')
<a href="{{ route('additional-type.create') }}" class="btn btn-success ">
    {{__('admin.Add New :name' , ['name' => __('admin.Chat')])}}
</a>
@endcan
@endsection

@section('css')
    <link href="{{ asset('assets_admin/css/chat.css') }}" rel="stylesheet">
    <link href="{{ asset('assets_admin/css/chat/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">
        {{--  @vite(['resources/css/app.css', 'resources/js/app.js'])  --}}
    <style>
        .list-group-item:first-child {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

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

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

        .bg-primary {
            background: #0d6efdbf !important;
        }
    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-flush">
                <livewire:admin.chat.main-component>
            </div>
        </div>
    </div>
@endsection
@section('js')

@endsection