@extends('layouts.merchant')
@section('title')
    @lang('Trade Gift Card')
@endsection

@section('content')

    <div class="nk-content-body p-0">
        <div class="nk-msg">
            <div class="nk-msg-aside">

               @include('merchant.giftcard.message_sidebar')
                <!-- .nk-msg-list -->
            </div><!-- .nk-msg-aside -->
            @include('merchant.giftcard.message_body')

            <!-- .nk-msg-body -->
        </div><!-- .nk-msg -->
    </div>
@endsection

@push('script')

    <script src="{{asset('assets')}}/u_dashboard/js/apps/messages.js?ver=3.1.3"></script>
    <script src="{{asset('assets')}}/jquery.pjax.js"}}></script>
    <script>
        $(document).pjax('[data-pjax] a, a[data-pjax]', '#chat-body')
        $(document).ready(function(){
            $(document).pjax('a', '#chat-body');
            // does current browser support PJAX
            if ($.support.pjax) {
                $.pjax.defaults.timeout = 1000; // time in milliseconds
            }

        });
        /**
         *-------------------------------------------------------------
         * Pusher initialization
         *-------------------------------------------------------------
         */

       const channel= pusher.subscribe('my-channel');
       channel.bind('message-send',function(data){
           console.log('Alaye Message Received:',data.message);
       })
        // -------------------------------------


    </script>
    @endpush