@extends('layouts.user')
@section('title')
    @lang('Trade Gift Card')
@endsection
@section('breadcrumb')
    @lang('Sell Giftcard')
@endsection
@section('content')

    <div class="nk-content-body p-0">
    <div class="nk-msg">
        <!-- message sidebar -->
        @include('user.giftcard.chat_sidebar')


@include('user.giftcard.chat_body')
           <!--change editor/sending form -->
            @include('user.giftcard.chat_form')

            <div class="nk-msg-profile visible" data-simplebar>
                <div class="card">
                    <div class="card-inner-group">
                        <div class="card-inner">
                            <div class="user-card user-card-s2 mb-2">
                                <div class="user-avatar md bg-primary">
                                    <span>AB</span>
                                </div>
                                <div class="user-info">
                                    <h5>Abu Bin Ishtiyak</h5>
                                    <span class="sub-text">Customer</span>
                                </div>
                                <div class="user-card-menu dropdown">
                                    <a href="#" class="btn btn-icon btn-sm btn-trigger dropdown-toggle" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <ul class="link-list-opt no-bdr">
                                            <li><a href="#"><em class="icon ni ni-eye"></em><span>View Profile</span></a></li>
                                            <li><a href="#"><em class="icon ni ni-na"></em><span>Ban From System</span></a></li>
                                            <li><a href="#"><em class="icon ni ni-repeat"></em><span>View Orders</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row text-center g-1">
                                <div class="col-4">
                                    <div class="profile-stats">
                                        <span class="amount">23</span>
                                        <span class="sub-text">Total Order</span>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="profile-stats">
                                        <span class="amount">20</span>
                                        <span class="sub-text">Complete</span>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="profile-stats">
                                        <span class="amount">3</span>
                                        <span class="sub-text">Progress</span>
                                    </div>
                                </div>
                            </div>
                        </div><!-- .card-inner -->
                        <div class="card-inner">
                            <div class="aside-wg">
                                <h6 class="overline-title-alt mb-2">User Information</h6>
                                <ul class="user-contacts">
                                    <li>
                                        <em class="icon ni ni-mail"></em><span>info@softnio.com</span>
                                    </li>
                                    <li>
                                        <em class="icon ni ni-call"></em><span>+938392939</span>
                                    </li>
                                    <li>
                                        <em class="icon ni ni-map-pin"></em><span>1134 Ridder Park Road <br>San Fransisco, CA 94851</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="aside-wg">
                                <h6 class="overline-title-alt mb-2">Additional</h6>
                                <div class="row gx-1 gy-3">
                                    <div class="col-6">
                                        <span class="sub-text">Ref ID: </span>
                                        <span>TID-049583</span>
                                    </div>
                                    <div class="col-6">
                                        <span class="sub-text">Requested:</span>
                                        <span>Abu Bin Ishtiak</span>
                                    </div>
                                    <div class="col-6">
                                        <span class="sub-text">Status:</span>
                                        <span class="lead-text text-success">Open</span>
                                    </div>
                                    <div class="col-6">
                                        <span class="sub-text">Last Reply:</span>
                                        <span>Abu Bin Ishtiak</span>
                                    </div>
                                </div>
                            </div>
                            <div class="aside-wg">
                                <h6 class="overline-title-alt mb-2">Assigned Account</h6>
                                <ul class="align-center g-2">
                                    <li>
                                        <div class="user-avatar bg-purple">
                                            <span>IH</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user-avatar bg-pink">
                                            <span>ST</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user-avatar bg-gray">
                                            <span>SI</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- .card-inner -->
                    </div>
                </div>
            </div><!-- .nk-msg-profile -->
        </div><!-- .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>

        /**
         *-------------------------------------------------------------
         * Pusher initialization
         *-------------------------------------------------------------
         */

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


    </script>
    @endpush