@extends('layout.basic.main')
@section('title', '1:1チャット')
@push('css')
{{--    <script src="/js/tailwindcss.js"></script>--}}

    <script src="/chat_files/lodash.min.js"></script>
    <script src="/js/vue-paginate.js"></script>
    <script src="/js/plugins/fancybox.umd.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.7.7/axios.min.js"></script>
    <!-- EmojioneArea CSS -->
{{--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/emojione@4.5.0/extras/css/emojione.min.css"/>--}}
    <!-- EmojioneArea JS -->
{{--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/emojionearea@3.4.2/dist/emojionearea.min.css">--}}
{{--    <link rel="stylesheet" href="/chat_files/emojione.min.css">--}}
{{--    <link rel="stylesheet" href="/chat_files/emojionearea.min.css">--}}
    <link rel="stylesheet" href="/css/chat/index.css?v={{config('sns-line.version')}}">
    <link rel="stylesheet" href="/css/plugins/fancybox.css"/>
    <link rel="stylesheet" href="/lme-ui/src/css/button/button.css?v={{config('sns-line.version')}}">
    <link rel="stylesheet" href="/lme-ui/src/css/modal/modal.css?v={{config('sns-line.version')}}">
    <style>
        /* duplicate send warning modal phải nổi trên các modal chat khác (z 2000~2001) */
        .duplicate-send-warning-modal .lme-modal-root {
            z-index: 2001;
        }
    </style>
@endpush
@section('tailwind')
    <link rel="stylesheet" href="/css/chat/tailwind.css?v={{config('sns-line.version')}}"/>
@endsection
@section('content')
    <section class="chat-basic" id="pageChat11" v-cloak>
        <div class="flex bg-[#EFF2F6] h-[calc(100vh-79px)] mx-[-15px] px-[20px] py-[15px]" style="position:relative;">
            @include('basic.chat.left_side')
            @include('basic.chat.content_chat')
            @include('basic.chat.right_side')
            @include('basic.chat.modal.quick_action')

        </div>
        @include('basic.chat.modal.change_or_stop_step')
        @include('basic.chat.modal.change_step')
        @include('basic.chat.modal.change_or_stop_rich_menu')
        @include('basic.chat.modal.change_rich_menu')
        @include('basic.chat.modal.setting_friend_information')
        @include('basic.chat.modal.edit_tag')
        @include('basic.chat.modal.form_answer_detail')
        @include('basic.chat.modal.create_memo')
        @include('basic.chat.modal.history_memo')
        @include('basic.chat.modal.sort_memo')
        @include('basic.chat.modal.setting_profile')
        @include('basic.chat.modal.add_profile')
        @include('basic.chat.modal.confirm_read_message')
        @include('basic.chat.modal.friend_filter')
        @include('basic.chat.modal.setting_status_chat')
        @include('basic.chat.modal.detail_message_send_action')
        @include('basic.chat.modal.detail_message_send_step')
        @include('basic.chat.modal.preview_before_send')
        @include('basic.chat.modal.duplicate_send_warning')
        @include('basic.chat.modal.upload_file')
        @include('basic.chat.modal.template_selection')
        @include('basic.chat.modal.error_msg')
        @include('basic.chat.modal.stamp_selection')
        @include('basic.chat.modal.preview_template')
        @include('basic.chat.modal.preview_send_template')
        @include('basic.chat.modal.edit_template')
        @include('basic.chat.modal.preview_message_template_chat11')
        @include('basic.chat.modal.preview_message_sendall_history')
    </section>
    @include('layout.modal_setting.modal_select_action')
    @include('layout.modal_filter_v2')
@endsection
@push('js')
    <script>
        $(document).ready(function () {
            Fancybox.bind("[data-fancybox]", {
                Toolbar: {
                    display: {
                        left: [
                            "infobar",
                        ],
                        middle: [],
                        right: [
                            "iterateZoom",
                            "zoom",
                            "download",
                            "thumbs",
                            "close",
                        ],
                    }
                },
            });
        })
        var WS_HOST = "{{env('NODE_SERVER')}}";
        var my_id =