@extends('admin.admin_dashboard')
<<<<<<< HEAD

@section('admin')
  <div class="h-[calc(100vh-4rem)] bg-gray-100">
    <livewire:chat-box />
  </div>
=======
@section('admin')

<div class="page-content">
    <x-chm.layout.page
        title="Messages"
        subtitle="Private chat between CHM ERP staff and system users."
        icon="bx bx-chat"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">Messages</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <livewire:chat-box />
    </x-chm.layout.page>
</div>

@push('scripts')
<script>
document.addEventListener('livewire:init', function () {
    Livewire.on('chat-unread-updated', function (payload) {
        var count = payload && typeof payload.count !== 'undefined' ? payload.count : 0;
        if (window.ChmChat && window.ChmChat.updateUnreadBadge) {
            window.ChmChat.updateUnreadBadge(count);
        }
    });
});
</script>
@endpush

>>>>>>> origin/main
@endsection