@extends('Admin.master_layout.master')

@section('title',$title)

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('styles')
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet" />
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> <a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a> 
        <a href="{{ gotoback() }}" title="Go to Back" class="tip-bottom">
                Back
        </a>
        <a href="#" class="current">{{ $title }} @if($isMessageType != '') - {{ $isMessageType }} @endif</a> 
        </div>
        <h1>{{ $title }} @if($isMessageType != '') - {{ $isMessageType }} @endif</h1>

        
    </div>
    <div class="container-fluid">
        
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                
                <form action="{{ url('chat') }}" method="post" class="form-horizontal" id="userForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    @if(count($enterprise) > 0 && Auth::user()->admin_role_id == 1)
                    <div class="control-group @if(count($enterprise) == 1) hide @endif" style="float: left;border: 0;width:43%">
                        <label class="control-label">Select EnterPrise :</label>
                        <div class="controls">
                            <select name="enterprise_id" id="enterprise_id" class="span11 searchdata">
                                @if(!getEnterpiseIds())
                                <option value="">All</option>
                                @endif
                                @foreach($enterprise as $enterprises)
                                <option value="{{ $enterprises->id }}" {{ ($enterprise_id==$enterprises->id)?'selected':'' }}>{{ $enterprises->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @endif
                    <div class="control-group" style="float: left;border: 0;width:43%">
                        <label class="control-label">Select HO :</label>
                        <div class="controls">
                            <select name="ho_id" id="ho_id" class="span11 searchdata">
                                @if(!getMechantIds())
                                <option value="">All</option>
                                @endif
                                @foreach($merchantHO as $merchants)
                                <option value="{{ $merchants->id }}" {{ ($ho_id==$merchants->id)?'selected':'' }}>{{ $merchants->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                   <!-- <div class="control-group" style="float: left;border: 0;width:43%;">
                    <label class="control-label">Message Type:</label>
                    <div class="controls">
                        <select name="is_type" id="is_type" class="searchdata">
                            <option value="">All</option>
                            <option value="2" {{ ($is_type==2)?'selected':'' }}>Messages</option>
                            <option value="1" {{ ($is_type==1)?'selected':'' }}>Push Notification</option>
                            <option value="3" {{ ($is_type==3)?'selected':'' }}>Reminder</option>
                            
                        </select>
                    </div>
                </div>-->
                
            @if(Auth::user()->is_branch_authorise == 1 || Auth::user()->admin_role_id == 1)
            <div class="control-group branchdrop" style="float: left;border: 0;width:43%;">
                <label class="control-label">Checker :</label>
                    <div class="controls">
                        <select name="checker_user_id" id="checker_user_id" class="span11 searchdata">
                            <option value="all">All</option>
                                @foreach($getCheaker as $cheaker)
                                <option value="{{ $cheaker['id'] }}" {{ ($checker_user_id==$cheaker['id'])?'selected':'' }}>{{ $cheaker['name'] }}</option>
                                @endforeach
                            </select>
                    </div>
            </div>
            @endif
            @if($is_checker == 1)
               <!-- <div class="control-group" style="float: left;border: 0;width:43%;">
                    <label class="control-label">Users :</label>
                    <div class="controls">
                        <select name="maker_user_id" class="searchdata" id="maker_user_id">
                            <option value="">All</option>
                                @foreach($makerUser as $user)
                                <option value="{{ $user['id'] }}" {{ ($maker_user_id==$user['id'])?'selected':'' }}>{{ $user['fname'] }}  {{ $user['lname'] }}</option>
                                @endforeach
                            </select>
                    </div>
                </div> -->
            @endif  
                @if(getMechantIds() && count(getMechantIds()) > 1 )
                   <!-- <div class="control-group" style="float: left;border: 0;width:43%">
                        <label class="control-label">Main/Parent Branch:</label>
                        <div class="controls">
                            <select name="merchant_id" id="merchant_id" class="searchdata">
                                <option value="">All</option>
                                @foreach($merchant as $mechants)
                                <option value="{{ $mechants->id }}" {{ ($merchant_id==$mechants->id)?'selected':'' }}>{{ getMechantShortCode($mechants->id) }}-{{getBranchCode($mechants->id)}}-{{ getMechantName($mechants->id) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>-->
                    @endif
                   <!-- <div class="control-group" style="float: left;border: 0;width:43%;">
                    <label class="control-label">Read / Unread :</label>
                    <div class="controls">
                        <select name="mark_as_read" class="searchdata" id="mark_as_read">
                            <option value="all">All</option>
                                <option value="1" {{ (!empty($mark_as_read) && $mark_as_read == 1)?'selected':'' }}>Read</option>
                                <option value="99" {{ ($mark_as_read != 'all' && $mark_as_read == 99)?'selected':'' }}>Unread</option>
                            </select>
                    </div>
                </div>  
                <div class="control-group" style="float: left;border: 0;width:43%">
                        <label class="control-label">From Date :</label>
                        <div class="controls">
                            <input type="text" data-date="2013-02-01" data-date-format="yyyy-mm-dd" value="{{ ($from_date != '')?$from_date:'' }}" class="datepicker from_date span11" name="from_date">
                        </div>
                    </div>
                    <div class="control-group" style="float: left;border: 0;width:43%">
                        <label class="control-label">To Date :</label>
                        <div class="controls">
                            <input type="text" data-date="2013-02-01" data-date-format="yyyy-mm-dd" value="{{ ($to_date != '')?$to_date:'' }}" class="datepicker to_date span11" name="to_date">
                        </div>
                    </div>
                       <div class="control-group" style="float: left; border: 0;width:17%">
                        <label class="control-label">Show Only Needs Clarity:</label>
                        <div class="controls">
                            <input type="checkbox" name="show_needs_clarity" value="1" @if($show_needs_clarity == 1) checked @endif; id="show_needs_clarity">
                            @if($is_checker == 0)
                            <button type="submit" class="btn btn-mini btn-primary" id="stateSubmit" style="margin-top: 13px;">GO</button>
                            @endif
                        </div>
                    </div>-->
                    @if($is_checker == 1)
                  <!--  <div class="control-group" style="border: 0;width:78%">
                        <label class="control-label" style="margin-right: 20px;">Scheduled messages: </label>
                        <div class="controls">
                            <input type="checkbox" name="is_scheduled_messages" value="1" @if($is_scheduled_messages == 1) checked @endif; id="is_scheduled_messages">
                            <button type="submit" class="btn btn-mini btn-primary" id="stateSubmit" style="margin-top: 13px;">GO</button>
                        </div>
                    </div>-->
                    @endif
                </form>
               
                <div class="widget-box widget-chat">
         
                <div class="messaging">
      <div class="inbox_msg">
        <div class="inbox_people">
          <div class="headind_srch">
           <!-- <div class="recent_heading">
              <h4>Recent</h4>
            </div>-->
            <div class="srch_bar">
              <div class="stylish-input-group">
                @if($userthread != '')  
                <input type="hidden" id="site_redirect1" value="chat/{{ $userthread }}">
                @else
                <input type="hidden" id="site_redirect1" value="chat">
                @endif
                <input type="text" class="search-bar"  id="filter" placeholder="Search" >
                <span class="input-group-addon">
                <button type="button"> 
                    <i id="searchbtn" class="fa fa-search show" aria-hidden="true"></i> 
                    <i id="closebtn" class="fa fa-times hide" aria-hidden="true" style="display: none;"></i> 
                </button>
                
                </span> </div>
            </div>
          </div>
          <div class="inbox_chat">
              <!--active_chat-->
              @if(count($ChatRemarksGroupArr) > 0)
              @foreach($ChatRemarksGroupArr as $key => $val)
              <a href="{{ url('chat') }}/{{ $val['thread'] }}">
              <div class="chat_list @if($active_thread == $val['thread']) active_chat @endif">
              <div class="chat_people">
                <div class="chat_img"> <img src="{{ $val['profile_image'] }}" alt="{{ $val['fname'] }}"> </div>
                <div class="chat_ib">
                  <h5>{{ $val['name'] }} <span class="chat_date">{{ $val['created_at'] }}</span></h5>
                  <p>{{ $val['message'] }}</p>
                </div>
              </div>
             </div>
            </a>
              @endforeach
              @endif
            
        </div>

        </div>
        <div class="mesgs">
          <div class="msg_history">
          <img id="loadding" src="{{ url('admin/img/loadding.gif') }}" style="display:none;width:7%;">
            @if(count($getchatmsg) > 0)
            @foreach($getchatmsg as $key => $val)
           
            @if($val['show_type'] == 'from')
            <div class="incoming_msg wells" id="{{ $val['chat_id'] }}">
              <div class="incoming_msg_img"> <img src="{{ $val['profile_image'] }}" alt="{{ $val['fname'] }}"> </div>
              <div class="received_msg">
                <div class="received_withd_msg">
                  <p>{{ $val['message'] }}</p>
                  <span class="time_date"> {{ $val['created_at'] }}</span>
                </div>
              </div>
            </div>
            @endif

            @if($val['show_type'] == 'to')
            <div class="outgoing_msg wells" id="{{ $val['chat_id'] }}">
              <div class="sent_msg">
                <p>{{ $val['message'] }}</p>
                <span class="time_date"> {{ $val['created_at'] }}</span> </div>
            </div>

            @endif

            @endforeach
            @endif
            
            

          </div>
          <div class="type_msg">
            <div class="input_msg_write">
              <form action="{{ url('save/chat') }}" method="post" class="form-horizontal" id="chatForm">
              <input type="hidden" name="_token" value="{{ csrf_token() }}">
              <input type="hidden" name="user_from" value="{{ Auth::user()->id }}" />
              <input type="hidden" name="user_to" value="{{ $getTouser }}" />
              <input type="hidden" name="is_type" value="4" />
              <input type="hidden" name="thread" value="{{ $active_thread }}" />
              </form>
              <input type="text" class="write_msg" name="message" placeholder="Type a message" />
              <button class="msg_send_btn" type="button"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
            
            </div>
          </div>
        </div>
      </div>
      
      
    </div>

            </div>
        </div>
    </div>
</div>

<div id="SendPushNotification" class="modal hide" aria-hidden="true" tabindex="-1" style="width:700px">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Send Push Notification </h3>
    </div>
    <div class="modal-body">
        <form action="{{ url('send-push-notification') }}" class="form-horizontal" method="post">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="push_ho_id" id="push_ho_id">
            

            <div class="control-group" style="border: 0;width:100%;">
                <label class="control-label">Messages Type :</label>
                <div class="controls">
                    
                    <select name="message_type" id="message_type" class="form-control searchdata">
                    <option value="">Select Messages Type</option>
                    @if(count($MessagesType) > 0)
                    @foreach($MessagesType as $Type)
                            <option value="{{ $Type['id'] }}">{{ $Type['name'] }}</option>
                    @endforeach
                    @endif
                        </select>
                </div>
            </div>
            <div class="control-group" style="border: 0;width:100%;">
                    <label class="control-label">Users :</label>
                    <div class="controls">
                        <select name="maker_user_id" class="searchdata" id="maker_user_id">
                            <option value="">All</option>
                                @foreach($makerUser as $user)
                                <option value="{{ $user['id'] }}" {{ ($maker_user_id==$user['id'])?'selected':'' }}>{{ $user['fname'] }}  {{ $user['lname'] }}</option>
                                @endforeach
                            </select>
                    </div>
                </div>   
            @if(getMechantIds() && count(getMechantIds()) > 1 )
                <div class="control-group" style="border: 0;width:100%">
                        <label class="control-label">Main/Parent Branch:</label>
                        <div class="controls">
                            <select name="merchant_id" id="merchant_id" class="searchdata">
                                <option value="">All</option>
                                @foreach($merchant as $mechants)
                                <option value="{{ $mechants->id }}" {{ ($merchant_id==$mechants->id)?'selected':'' }}>{{ getMechantShortCode($mechants->id) }}-{{getBranchCode($mechants->id)}}-{{ getMechantName($mechants->id) }}</option>
                                @endforeach
                            </select>
                        </div>
                </div>
            @endif
            <div class="control-group" style="border: 0;width:100%;">
                    <label class="control-label">Rahebar :</label>
                    <div class="controls">
                        <select name="rahebar_id" class="searchdata" id="rahebar_id">
                            <option value="">All</option>
                                @foreach($Rahebar as $rah)
                                <option value="{{ $rah->id }}" {{ ($rahebar_id==$rah->id)?'selected':'' }}>{{ $rah->name }} </option>
                                @endforeach
                            </select>
                    </div>
                </div>   
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success">Submit</button>
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
    </div>
</div>

<div id="sendEmailPhone" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Send Message  - <span id="userName1_send">  </span></h3>
        
    </div>
    <div class="modal-body">
    <form action="{{ url('instruction/sendmsg') }}" id="SendMSGForm" class="form-horizontal" method="post" onsubmit="return validateForm()">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="user_id_send" id="user_id_send">
            <input type="hidden" name="send_val" value="email" id="send_val" />
            <div class="control-group">
                        <label class="control-label">Send Type :</label>
                        <div class="controls">
                        <label class="sendType"><input type="radio" name="send_type" value="1" checked onclick="hideshowtxt('email');"/> Email</label><label class="sendType">  <input type="radio" name="send_type" value="2" onclick="hideshowtxt('phone_no');"/> SMS</label> <label>  <input type="radio" name="send_type" value="3" onclick="hideshowtxt('whatsapp');"/> Whatsapp</label>
                        </div>
            </div>
            <div class="control-group" id="email">
                        <label class="control-label">Email ID :</label>
                        <div class="controls">
                        <input type="email" name="email_id" id="email_id" value="" readonly/>
                        </div>
            </div>
            <div class="control-group hide" id="phone">
                        <label class="control-label">Phone No:</label>
                        <div class="controls">
                        <input type="text" name="phone_no" id="phone_no" value="" readonly/>
                        </div>
            </div>
            <div class="control-group" id="subjectdiv">
                        <label class="control-label">Subject:</label>
                        <div class="controls">
                        <input type="text" name="subject" maxlength="100"  minlength="0" id="subject" value="" />
                        <br>
                        <span class="error" id="subject_error">Please enter subject</span>
                        </div>
            </div>
            <div class="control-group">
                        <label class="control-label">Message:</label>
                        <div class="controls">
                        <textarea name="send_message" id="send_message" cols="5" rows="5"  maxlength="100"  onkeyup="count_down(this, 3)" minlength="0"></textarea>
                        <br>
                        <span class="error" id="msg_error">Please enter message. </span> (100 to <span id="count3">100</span>)
            </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success withOutwhatsapp" id="stateSubmit2">Submit</button>
                    <!--whatsapp://send?phone=+91 9898332166&text=GFG Example for whatsapp sharing-->
                    <a href="javascript:;" data-action="share/whatsapp/share" class="btn btn-success withwhatsapp mobileShow hide" onclick="sendWhatsapp();" target="_blank"> Share to whatsapp 	</a> 
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
        
    </div>
</div>

@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')
<link href="{{ asset('admin/datepicker/bootstrap-datepicker.min.css') }}" rel='stylesheet' type='text/css'>
<script src="{{ asset('admin/datepicker/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('admin/js/matrix.chat.js') }}"></script>
<script type="text/javascript">

 $(document).ready(function () {
    $(".msg_history").animate({ scrollTop: 6000 }, 0);
    $('#markgo').live('click', function () {
        var mark_type = $('#mark_type').val();
        var is_type = $('#is_type').val();
        var maker_user_id = $('#maker_user_id').val();
        var merchant_id = $('#merchant_id').val();
        var show_needs_clarity = $('#show_needs_clarity').val();
        var checker_user_id = $('#checker_user_id').val();
        var keyword = $('#txtsearchable').val();

        $('#marktype').val(mark_type);
        $('#is_type1').val(is_type);
        $('#maker_user_id1').val(maker_user_id);
        $('#merchant_id1').val(merchant_id);
        $('#show_needs_clarity1').val(show_needs_clarity);
        $('#checker_user_id1').val(checker_user_id);
        $('#txtsearchable1').val(keyword);

        $('#FRMarkas').submit();
        
    });
        $('select[name="is_type"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="maker_user_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="checker_user_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="merchant_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="mark_as_read"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="enterprise_id"]').on('change', function () {
            $('#userForm').submit();
        });
        $('select[name="ho_id"]').on('change', function () {
            $('#userForm').submit();
        });

    $('.btn-cmodal').live('click', function () {
        trHTML = '';
        
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var phone_no = $(this).attr("data-user-phone");
        var email = $(this).attr("data-user-email");
        
        $('#userName1_send').html(user_name);
        $('#user_id_send').val(id);
        $('#phone_no').val(phone_no);
        $('#email_id').val(email);
        $('#send_message').val('');
        $('#subject').val('');
        
    });

    $('#send_push_notification').live('click', function () {
        trHTML = '';
        
        var ho_id = $(this).attr("data-id");
        
        $('#push_ho_id').val(ho_id);
                
        });
    });

    function hideshowtxt(txtType){
    if(txtType == 'email'){
        $('#phone').hide();
        $('#email').show();
        $('#subjectdiv').show();
        $('#send_val').val('email');
        $('.withOutwhatsapp').show();
        $('.withwhatsapp').hide();

    }else if(txtType == 'whatsapp'){
        $('#phone').show();
        $('#email').hide();
        $('#subjectdiv').hide();
        //$('#send_val').val('phone');
        $('.withOutwhatsapp').hide();
        $('.withwhatsapp').show();
    }else{
        $('#phone').show();
        $('#email').hide();
        $('#subjectdiv').hide();
        $('#send_val').val('phone');
        $('.withOutwhatsapp').show();
        $('.withwhatsapp').hide();
        
    }
 }
 function validateForm(){
     var send_message = $('#send_message').val();
     var subject = $('#subject').val();
     var send_val = $('#send_val').val();
     
     
     if(send_message == ''){
        $('#msg_error').html('Please enter message');
        return false;
     }
     if(send_val == 'email'){
     if(subject == ''){
        $('#subject_error').html('Please enter subject');
        return false;
     }
     }

     if(send_val == 'phone'){
        if(send_message.length > 100){
            $('#msg_error').html('Please enter character limit is 100');
            return false;
        }
     }
 }
 function sendWhatsapp() { 
  
  // Getting user input 
  var message = $('#send_message').val();
  var phone_no = $("input[name=phone_no]").val(); 
  $('#msg_error').html();
  if(message == ''){
    $('#msg_error').html('Please enter message');
    return false;
  }else{
    location.href = "whatsapp://send?phone=+91 "+phone_no+"&text=" + message;
   /* window.open( 
        "whatsapp://send?phone=+91 "+phone_no+"&text=" + message, 
      //'_blank'  
      ); */
  }
 
} 
    var count = 1;

do {
    function count_down(obj, count){

    let element = document.getElementById('count'+ count);

    element.innerHTML = 100 - obj.value.length;

    if(100 - obj.value.length < 5){
        element.style.color = "firebrick";
    }else{
        element.style.color = "#333";
    }
}
count++;
} while (count < 20); 


var fiscal_year = '{{ MerchantCurrentFiscalYear() }}';
var ho_id = '{{ getHoId(Auth::user()->id) }}';
setDateStartEnd(fiscal_year,ho_id);
function setDateStartEnd(fiscal_year,merchant_id){
        $.ajax({
            url: "{{ url('cash-book/set-month')}}/" + fiscal_year+'/'+merchant_id,
            type: "GET",
            success: function(data) {
                console.log(data);
                //$('#from_date').val(data.response.setDate);
                //$('#to_date').val(data.response.setDate);
                //$('#endDate').val(data.response.endDate);
                //$('#startDate').val(data.response.startDate);
                $('.datepickerForm').datepicker({
                    orientation: "bottom left",
                    format: "dd-mm-yyyy",
                    //startDate: new Date(data.response.startDate),
                    //endDate: new Date(data.response.endDate)
                });
                
            }
        });
    }
    $("#txtsearchable1").keypress(function() {
        var keyword = $('#txtsearchable1').val();
        var url = $("#site_redirect1").val();
        if (keyword.length >= 0) {
            $.ajax({
                type: "POST",
                url: "{{ url('') }}/"+url,
            data: {
            keyword: keyword, 
            ajaxLoad: 1,
            _token : '{{ csrf_token() }}'
        },
        success: function(data) {
            $('#logTable1').html(data);
        }
    });
}
});

$("#txtsearchable1").keyup(function() {
    var keyword = $('#txtsearchable1').val();
    var url = $("#site_redirect1").val();

if (keyword.length >= 0) {
    $.ajax({
        type: "POST",
        url: "{{ url('') }}/"+url,
        data: {
            keyword: keyword,
            ajaxLoad: 1,
            _token : '{{ csrf_token() }}'
        },
        success: function(data) {
            $('#logTable1').html(data);
        }
    });
}
});

$("#filter").keyup(function() {
 
 if($(this).val().length > 0){
    $('#searchbtn').hide();
    $('#closebtn').show();
 }else{
    $('#searchbtn').show();
    $('#closebtn').hide();
 }
// Retrieve the input field text and reset the count to zero
var filter = $(this).val(),
  count = 0;

// Loop through the comment list
$('.inbox_chat a div.chat_list').each(function() {
  // If the list item does not contain the text phrase fade it out
  if ($(this).text().search(new RegExp(filter, "i")) < 0) {
    $(this).hide();

    // Show the list item if the phrase matches and increase the count by 1
  } else {
    $(this).show();
    count++;
  }

    });
});

$('#closebtn').live('click', function () {
    $('#filter').val('');
    var filter = $('#filter').val();
    count = 0;
    $('.inbox_chat a div.chat_list').each(function() {
    if ($(this).text().search(new RegExp(filter, "i")) < 0) {
        $(this).hide();
    } else {
        $(this).show();
        count++;
    }

    });
    if(filter.length > 0){
    $('#searchbtn').hide();
    $('#closebtn').show();
    }else{
    $('#searchbtn').show();
    $('#closebtn').hide();
 }
});
$(".msg_history").scrollTop($(".msg_history")[0].scrollHeight);
$('.msg_history').scroll(function(){
    if ($('.msg_history').scrollTop() == 0){
        $('#loadding').show();
        var thread = '{{ $active_thread }}';
        var lastId = $(".wells:last").attr("id");
        var count = $('.msg_history div.wells').length;
         
      // Youd do Something like this here
      // Query the server and paginate results
      // Then prepend
      /*  $.ajax({
            url:'getmessages.php',
            dataType:'html',
            success:function(data){
                $('.inner').prepend(data);
            };
        });*/
        //BUT FOR EXAMPLE PURPOSES......
        // We'll just simulate generation on server

       
        //Simulate server delay;
        setTimeout(function(){
            $.ajax({
                type: "POST",
                url: "{{ url('get-chat-scroll') }}",
            data: {
                lastId: lastId,
                count: count,
                thread:thread,
                _token : '{{ csrf_token() }}'
            },
            success: function(data) {
               $(".msg_history").prepend(data);
            }
        });
          //$(".msg_history").prepend('<div class="incoming_msg wells" id="304"><div class="incoming_msg_img"> <img src="https://sat-branches.s3.ap-south-1.amazonaws.com/shri-anandpur-trust/m-preferences/user/1624765036261.jpeg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIAVLEEGARVBTHL7YOB%2F20210913%2Fap-south-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20210913T133329Z&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Expires=1200&amp;X-Amz-Signature=26750faf9851a5179abcd619c8fe82c07fa7c7c39f27851ec144aaf9500bd90a" alt="Monali"> </div><div class="received_msg"><div class="received_withd_msg"><p> sdsdsds sds sdsdsd</p><span class="time_date"> 12:08 pm | Jul 12</span></div></div></div>');
            // Hide loader on success
            $('#loadding').hide();
            // Reset scroll
            $('.msg_history').scrollTop(30);
        },780); 
    }
});
</script>
@parent
@endsection