@extends('main')
@section('css')
<link href="{{ asset('/css/bootstrapValidator.min.css')}}" rel="stylesheet">
@endsection
@section('content')
<section class="main_content">
    <div class="container">
    <ol class="breadcrumb cust-breadcrumb">
              <li><a href="{{url('/')}}">Home</a></li>
              <li class="active">Search Result</li>
            </ol>
      <div class="row talent_home">
        
        <form name="hiddenSearchForm" id="hiddenSearchForm">
          @foreach($search_data as $key => $value)
            <input type="hidden" name="{{$key}}" value="{{$value}}">
          @endforeach
            <input type="hidden" id="limit" name="limit" value="{{Config::get('constants.PROFILE_SEARCH_LIMIT')}}">
            <input type="hidden" id="offset" name="offset" value="{{Config::get('constants.PROFILE_SEARCH_LIMIT')}}">
        </form>
        <div class="col-md-12 col-sm-12"> 
             
             
            <div id="connectionmsg" >
                
            </div>
             
             <div class="col-xs-6">
          <h1 class="heading mtop-0 search-result-head">Search</h1>
          </div>
          
          <div class="clearfix"></div>
        <form name="searchProfileForm" id="searchProfileForm" method="post">
         <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="row talent_data search_result search-result-right-br" id="search_result_data">
            @if(count($search_result))
                          @foreach($search_result as $pro)
                               <div class="col-md-5">
                  
                
                    <div class="col-md-4 searchpg-profile-pic " >
                           <a href="{{url('profiles/'.$pro->id)}}">
                         @if($pro->profile_image && is_file('uploads/profile_images/'.$pro->profile_image))
                            <img class="img-responsive img-circle" src="{{url('uploads/profile_images/'.$pro->profile_image)}}" alt=""/>
                          @else                    
                            <img class="img-responsive img-circle" src="{{url('uploads/profile_images/default-profile.png')}}" alt=""/>
                          @endif
                          </a>
                    </div>

                    <div class="col-md-8 col-xs-8 testCss">
                        <a href="{{url('profiles/'.$pro->id)}}">
                         <h4 style="font-size:20px">{{$pro->name}}</h4>
                        </a>
                        <strong>@if(!empty($pro->skills)) {{ str_limit($pro->skills, $limit = 9, $end = '...') }} @else {{'Not Provided'}} @endif</strong>
                        <br>
                       <strong style="color: #ccc"> @if(!empty($pro->city)) {{ str_limit($pro->city, $limit = 9, $end = '...') }} @else {{'Not Provided'}} @endif</strong>

                       <br>
                     

                        
                    </div>

              
                      
                </div>
                 
                                         @endforeach
            @else
              <div class="col-md-6 txt-red">
                Required profiles not found
              </div>  
            @endif  
            </div>          
          </form>
          <div class="clearfix"></div>
          <!--<input type="hidden" name="_token" value="{{{ Session::getToken() }}}">-->


 <div class="modal" id="mentor_model" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;</button>
<h4 class="modal-title" align="center">Mentor Subject Information</h4>
</div>
    <div class="modal-body">
        <form role="form" action="mentor" method="POST"id="mentor_subject">
        <div class="form-group">
             <input type="hidden" name="_token" value="{{ csrf_token() }}">
             <input type="hidden" name="checbox_val" id="checkbox_val" value="">
           <label for="name">Title<span class="reqired-val">*</span>:</label>
           <input type="text" class="form-control" id="mentor_sub" name="mentor_sub" 
              placeholder="Enter subject">
        </div> 
    <div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit</button>

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

</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>         
 
          <div class="modal" id="connection_model" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;</button>
<h4 class="modal-title" align="center">Connection Subject Information</h4>
</div>
    <div class="modal-body">
        <form role="form" action="{{url('send_connection')}}" method="GET" id="connection_subject" name="connection_subject">
        
             <input type="hidden" name="_token" value="{{ csrf_token() }}">
             <input type="hidden" name="ids" id="ids">
             <input type="hidden" name="checbox_val" id="checkbox_val" value="">
        <div class="form-group">
           <label for="name">Title :</label>
           <input type="text" class="form-control" id="conneciton_sub" name="conneciton_sub" 
                  placeholder="Enter subject" value="I would like to Connect" readonly="true">
        </div>
        <div class="form-group">
            <label for="name">Message :</label>
            <textarea id="connection_message" name="connection_message" class="form-control" ></textarea>
        </div> 
    <div class="modal-footer">
<!--<button type="button" class="btn btn-primary" id="connection_ajax">Submit</button>-->
<button type="submit" class="btn btn-primary"> Submit</button>

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

</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div> 
          
          
         
          @if($total_records>$default_limit)
            <div class="search_load_more text-center" style="padding: 20px">
              <button type="button" class="btn btn-success load-m-profile-btn" id="load_more_profiles">  Load More Profiles</button>
            </div>
          @endif
      </div>
    </div>
    <div id="profile_search_save_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
        <div class="modal-content">
     
        <div class="modal-body">
            <form class="form-horizontal" method="post" action="" id="saveSearchform" name="saveSearchform" enctype="multipart/form-data" onsubmit="return check_save_search()">
            @foreach($search_data as $key => $value)
              <input type="hidden" name="{{$key}}" value="{{$value}}">
            @endforeach
           <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div id="save_search_error" class="txt-red"></div>
                       
            <div class="form-group">
                <div class="col-md-6 pull-right">OR</div>
            </div>            
            <div class="form-group">
              <label class="col-sm-4 control-label">New Name</label>
              <div class="col-sm-8">
              <input type="text" class="form-control" id="save_name" name="save_name" placeholder="New Name">
              </div>
            </div>            
            <div class="form-group">
                <div class="col-sm-12">
                    <button type="submit" name="search" value="search_save" class="btn btn-primary pull-right">Save Search</button>
                </div>
            </div>
          </form>          
        </div><!-- End of Modal body -->
        </div><!-- End of Modal content -->
        </div><!-- End of Modal dialog -->
    </div><!-- End of Profile Image Modal -->


  </section> 
@endsection
@section('js')
<script src="{{ asset('js/bootstrapValidator.min.js')}}"></script>
<script src="{{ asset('js/maskedinput/jquery.maskedinput.min.js')}}"></script>
<script src="{{ asset('js/validation.js')}}"></script>
<script src="{{ asset('js/bootbox.js')}}"></script>
<script type="text/javascript">
  /*var search_data = JSON.stringify('null');
  alert(search_data);*/
 $(function(){
  var checked_values = '';  
 
  var k=1;
 if($("#load_more_profiles").length) 
  {
    var total_profiles = {{$total_records}};
    $(document).on('click','#load_more_profiles',function(){
     
      $(this).html('<i class="fa fa-spinner fa-pulse"></i> Loading Profiles');

      next = parseInt($("#offset").val())+{{Config::get('constants.PROFILE_SEARCH_LIMIT')}};

      $.ajax({
       type: "GET",
       data: $("#hiddenSearchForm").serialize(),
       dataType: "json",
       url: "{{url('home_search_ajax')}}",
       success: function(ajax_data){
       

        total_rec = ajax_data.total;
        prof_data = ajax_data.data;
        append_data = '';
        default_image = '{{url('uploads/profile_images/default-profile.png')}}';
        //$.each(ajax_data,function(k,v))
        $.each(prof_data,function(i,v){
          if(prof_data[i].profile_image)
            image_path = "{{url('uploads/profile_images')}}/default-profile.png";
          else
            image_path = "{{url('uploads/profile_images/default-profile.png')}}";
          
          var dd="";var dd1="";
          if(k%2==0) dd='<div class="row search-page-br">';
          if(k%2==0) dd1='</div>';
          append_data = append_data+dd+'<div class="col-md-5"><div class="col-md-4 searchpg-profile-pic " ><a href="{{url("searchprofiles")}}/'+prof_data[i].id+'"><img class="img-responsive img-circle" src="'+image_path+'" alt=""/></a></div><div class="col-md-8 col-xs-8 testCss"><a href="{{url("searchprofiles")}}/'+prof_data[i].id+'"><h4 style="font-size:20px">'+prof_data[i].name+'</h4></a><strong>@if(!empty($pro->skills)){{$pro->skills}} @else {{"Not Provided"}} @endif</strong><br><strong> @if(!empty($pro->city)){{$pro->city}} @else {{"Not Provided"}} @endif</strong><br></div></div>'+dd1;
         /* alert(prof_data[i].id);
          alert(prof_data[i].profile_image);
          alert(prof_data[i].name);*/
       k++; });
          $("#search_result_data").append(append_data);
          $("#offset").val(next);
          if(next>total_profiles)
              $("#load_more_profiles").hide();
          else
              $("#load_more_profiles").show();

          $("#load_more_profiles").html('Load More Profiles');
      
     
       }
      });
    });
  }

    
    });
</script>
@endsection