@if(request()->is('store/*'))
  @if( Auth::check())
    <div class="message-modal">
        <div class="modal" id="vendorchat" tabindex="-1" role="dialog" aria-labelledby="vendorchatLabel1"
             aria-hidden="true" style="float: bottom;">
            <div class="container mt-5 model-content">
                <!-- Grid row -->
                <div class="row d-flex flex-row-reverse">
                    <!-- Grid column -->
                    <div class="col-md-4 mb-3 d-flex flex-row-reverse">
                        <div class="card chat-room small-chat wide" id="myForm"
                             style="width: 380px !important; height: 394px !important;">
                            <div class="card-header white d-flex justify-content-between p-2" style="cursor: pointer;">
                                {{--  Encabezado de quien escribe con foto--}}
                                <div class="heading d-flex justify-content-start"
                                     style="cursor: pointer;color: #01bbd2;">
                                    @if(isset($vendor) && isset($vendor->photo) && $vendor->photo != null )
                                        <label style="display: none;"> @if(file_exists(asset('assets/images/users/'.$vendor->photo)) == false){{ $vendor->photo = "generic_user.jpg" }}@endif</label>
                                        <div class="profile-photo">
                                            <img src="{{asset('assets/images/users/'.$vendor->photo)}}" alt=""
                                                 class="avatar rounded-circle mr-2 ml-0" width="30" height="30">
                                            <span class="state"></span>
                                        </div>
                                    @endif
                                    <div class="data">
                                        <strong>{{ $langg->lang431}} - {{ $langg->lang1014}}</strong>
                                    </div>
                                </div>
                                {{-- Iconos del encabezado--}}
                                <div class="icons solid-line">
                                    <a class="feature"><i class="icofont-google-talk mr-2"></i></a>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            </div>
                            <div class="my-custom-scrollbar" id="otroid">
                                <div class="card-body p-3" style="height: 300px !important;overflow-y: scroll !important;"
                                     id="idcard-body-client">
                                    <div class="chat-message" id="chat-message">
                                        {{--  Descripción del vendedor--}}
                                        <div class="media mb-3">
                                            @if(isset($vendor) && isset($vendor->photo) && $vendor->photo != null)
                                                  <img class="d-flex rounded mr-2"
                                                     src="{{asset('assets/images/users/'.$vendor->photo)}}"
                                                     alt=""  width="48" height="48">
                                             @endif
                                            <div class="media-body" style="text-align: left !important;">
                                              <p class="my-0" style="font-size: 11.2px; text-align: left !important;"> @if(isset($vendor) && isset($vendor->name)) {{$vendor->name}} @endif</p>
                                                <p class="mb-0 text-muted" style="font-size: 11.2px;text-align: left !important;"
                                                   id="business_name">@if(isset($vendor )&& isset($vendor->shop_name)) {{$vendor->shop_name}} @endif</p>
                                                <p class="mb-0 text-muted" style="font-size: 11.2px;text-align: left !important;"
                                                   id="place">@if(isset($vendor) && isset($vendor->city)){{$vendor->city}}-{{$vendor->country}} @endif </p>
                                            </div>
                                        </div>
                                        <div id="addchat" ></div>
                                        <div id="wait"
                                             class="card bg-primary bg-light rounded w-50 float-right z-depth-0 mb-1 last"
                                             style="display: none;">
                                            <div class="card-body p-2"
                                                 style="text-align: center;position:fixed !important; bottom:0px !important;">
                                                <p class="card-text black-text">...</p>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="card-footer text-muted white pt-1 pb-2 px-3">
                                <input type="text" id="message" name="message" class="form-control"
                                       placeholder="Escriba un mensaje...">
                                <input type="hidden" name="user_id" id="user_id" value="{{ Auth::user()->id }}">
                                <input type="hidden" name="user_name" id="user_name" value="{{ Auth::user()->name }}">
                                <input type="hidden" name="vendor_id" id="vendor_id" value="@if(isset($vendor) && isset($vendor->id)) {{$vendor->id}}  @endif">
                                <input type="hidden" name="pathputReadMsg" id="pathputReadMsg"
                                       value="{{URL::to('vendor/chat/putReadMsg')}}">
                                <input type="hidden" name="pathdetailvendor" id="pathdetailvendor"
                                       value="{{URL::to('vendor/chat/pathdetailvendor/')}}">
                                <input type="hidden" name="pathsendMessage" id="pathsendMessage"
                                       value="{{URL::to('vendor/chat/sendMessage')}}">
                                <input type="hidden" name="pathmsgvendortoclient" id="pathmsgvendortoclient"
                                       value="{{URL::to('vendor/chat/msgclientvendor/')}}">
                            </div>
                       </div>
                    </div>
                    <!-- Grid column -->

                </div>
                <!-- Grid row -->

            </div>


        </div>
    </div>
  @endif
@endif 

@section('scripts')

  @if(request()->is('store/*'))
    @if( Auth::check())
        <script src="{{asset('project/resources/assets/js/chat/chatclient.js')}}"></script>
    @endif
  @endif
    
@endsection