@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.chat_title') }}
@endpush
@push('css')
<link rel="stylesheet" href="{{ asset('assets/custom/css/chats/left-sidebar.css') }}?v=2" >
<link rel="stylesheet" href="{{ asset('assets/custom/css/chats/right-sidebar.css') }}?v=2">
@endpush
@section('content')
    <div class="container-fluid mh-auto p-0 chat">
        <div class="row gx-0">
            <!-- Left Sidebar -->
                {{-- left-sidebar.blade.php --}}
                 @include('pages.chats.templates.left-sidebar', [
                    'groups' => $groups,
                    'chats' => $chats,
                ])
            <div class="col-xl-9 col-xxl-8 col-md-7 chat-mid-area bg-white" id="chat-container">
                 @include('pages.chats.templates.chat', [
                    'activeChat' => $activeChat
                ])
            </div>
        </div>
    </div>
@endsection
@push('js')
{{-- Pusher is bundled in Vite - do NOT load from CDN or we get duplicate connections --}}
<script>
    const lang_create_chat = "{{  __('labels.create_chat') }}";
    const lang_start_chat = "{{  __('labels.start_chat') }}";
    const lang_no_group_chat_create_new_one = "{{  __('labels.no_group_chat_create_new_one') }}";
    const lang_create_new_chat_create_new_one = "{{  __('labels.create_new_chat_create_new_one') }}";
    const lang_failed_to_create_chat = "{{  __('labels.failed_to_create_chat') }}";
    const lang_unable_to_load_chat = "{{  __('labels.unable_to_load_chat') }}";
    const lang_please_enter_message = "{{  __('labels.please_enter_message') }}";
    const lang_no_active_chat_selected = "{{  __('labels.no_active_chat_selected') }}";
    const lang_sending = "{{  __('labels.sending') }}";
    const lang_error_sending_message = "{{  __('labels.error_sending_message') }}";
    const lang_you = "{{  __('labels.you') }}";
    const lang_loading_chat = "{{ __('labels.loading_chat') }}";
    const lang_just_now = "{{ __('labels.just_now') }}";
    const lang_group_chat = "{{ __('labels.group_chat') }}";
    const lang_direct_chat = "{{ __('labels.direct_chat') }}";
    const lang_chat_created = "{{ __('labels.chat_created') }}";
    const lang_online = "{{ __('labels.online') }}";
    const lang_max_attachments = "{{ __('labels.max_attachments', ['count' => 10]) }}";
    const lang_please_wait = "{{ __('labels.please_wait') }}";

    @if(session('error'))
        Swal.fire({
            icon: 'error',
            title: '{{ session('error') }}',
            confirmButtonText: 'OK'
        });
    @endif

    @if(session('success'))
        Swal.fire({
            icon: 'success',
            title: '{{ session('success') }}',
            confirmButtonText: 'OK',
            timer: 3000,
            timerProgressBar: true
        });
    @endif

</script>
<script src="{{ asset('assets/custom/js/chats/chat.js') }}?{{ time() }}"></script>
@endpush