@extends('backend.layouts.app')
@section('content')

<style>
td.sorting_asc {
    width: 310px !important;
}
td.sorting_desc {
	 width: 310px !important;
}
.table-responsive {
    overflow-x: hidden !important;
}
</style>
<!--<script type="text/javascript" src="http://bootboxjs.com/bootbox.js"></script>-->
{!! Html::script('expand_theme/js/bootbox.js') !!}
@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}


<div class="row new_member" id="ajaxmaterialdisplayform">
<div class="col-md-12" id="backend-configuration-mobile-gp">




<div class="box">
    <div class="box-header">
      <div class="row">
        <div class="col-md-7"><h3>@lang('messages.parent_check_in_check_out')</h3></div>
		
		
		
      </div>   
    </div>

    <div class="box-body">
    <!-- {!! Form::open(array('url' => 'admin/family_checkin', 'class' => 'form-horizontal edit_form', 'files' => true )) !!} -->
    <form action="{{url('admin/family_checkin/'.$id)}}" method="POST" class="form-horizontal edit_form">
      {{ csrf_field() }}

          <input type="hidden" name="location" id="location" value="{{$id}}">

        <div class="panel" style="box-shadow: 0 1px 1px rgba(0,0,0,0);">
        <div class="panel-body">
        <div class="row">  

        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">@lang('messages.show_family_name')<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="text" id="last_name" name="last_name" class="form-control" required value=""></div>
        </div>
        &nbsp;<br />
        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">@lang('messages.email')<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="email" name="email" id="email" class="form-control" required value=""></div>
        </div>
         &nbsp;<br />
        <div class="col-md-12">
        <div class="col-md-3"><label class="flright">@lang('messages.phone') #(@lang('messages.last_four_digits'))<span class="required" aria-required="true">*</span></label></div>
        <div class="col-md-3"><input type="text" id="phone" minlength="4" maxlength="4" name="phone" class="form-control" required value=""></div>
        </div>

        &nbsp;<br />



        <div class="col-md-12">
        <div class="col-md-12">
        	
        </div>
        <!-- <div class="col-md-4" id="check-form-btn">
        <button type="submit" class="btn btn-success"><i class="fa fa-fw fa-check-square-o"></i>Check In</button>
        </div> -->
        </div>

        </div>
        </div>
        </div>
	
		<div class="col-md-12">
		
       <div class="col-md-5" style="margin-left: 55px;" id="familiy-checkin-note-blck"> <P style="color: gray;"><span class="required" aria-required="true">@lang('messages.result_is_fetched_using_either_phone_number_or_email_id'): </span></P>
</div>

<!--<div class="col-md-7"></div>-->

	   </div>
        
		 <hr>
            <div class="row form-section" style="margin:10px 0px 0px 0px !important;">
                    <div class="col-md-5">
                      <div class="row"><div class="col-md-offset-5 col-md-8">       
                      <button type="submit" class="btn btn-info">@lang('user_messages.search')</button>
                        <!-- <button type="submit" class="submit btn btn-info">Search</button> -->
                          <a href="javascript:history.go(-1);" class="btn btn-default">@lang('messages.cancel')</a>
                            </div>
                      </div>
                    </div><div class="col-md-7"></div>
            </div>

  {!! Form::close() !!}


 </div><!-- box body -->

</div><!-- box  -->
   <div class="panel" id="panel-block-align">
            <div class="panel-body" id="p-body-blck-align">
              <h4 align="center">@lang('user_messages.sorry_there_is_no_data_for_your_selected_search')</h4></div></div>
  









</div>
</div>



{!! Html::style('expand_theme/timepicker/bootstrap-timepicker.min.css') !!}
{!! Html::script('expand_theme/timepicker/bootstrap-timepicker.min.js') !!}
{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}

{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
  <!-- Font Awesome -->
  {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
  <!-- Ionicons -->
  <!-- daterange picker -->
 {!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
 {!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}



 <script>





$(document).ready(function(){


        
  

 var validate =  $('.edit_form').validate({

   rules:{
      email:{
          required: true,
          validEmail: true
      }
   }


 });

 


$.validator.addMethod("validEmail", function(value, element) 
{
   if(value == '') 
       return true;
   var temp1;
   temp1 = true;
   var ind = value.indexOf('@');
   var str2=value.substr(ind+1);
   var str3=str2.substr(0,str2.indexOf('.'));
   if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
       return false;
   var str1=value.substr(0,ind);
   if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
       return false;
  str = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   temp1 = str.test(value);
   return temp1;
}, "Please enter valid email.");



            $('#phone').keypress(function(e){
                     var charCode = (e.which) ? e.which : e.keyCode;
                        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                            return false;
                        }
            });





      var last_names = $("input[name='name[]']")
              .map(function(){return $(this).val();}).get();

     // console.log(last_names);
     // $("input[name='name[]']").val('');

      // $('#last_name').blur(function(){
      //           var last_name = $('#last_name').val();
      //           // $.inArray(email, emails);
      //           var isInArray = last_names.includes(last_name.toLowerCase());

      //           if (last_name != '') {
      //           if (isInArray == true) {
                    
      //           }else{
      //             alert('Last Name not in our records');
      //               $('#last_name').val('');
      //           }
      //           }
      //       });







});

 
  $('.check_in_btn').click(function() {
	  var stinfo = $(this).val();
	  var myarray = stinfo.split(',');
	  
	  var stdid = myarray[0];
	  var cdate = myarray[1];
	  var loc_id = myarray[2];
	  
	  var authorize = $('#authorize'+stdid).val();
	  var email = $('#email').val();
  
	  if (authorize == '') {
	  	bootbox.alert("@lang('messages.need_to_select_authorize_contact')");
		return false;
	  }
	  
	bootbox.confirm("@lang('messages.are_you_sure_you_want_to_check_in')", function(result) {
      
	    if(result){
			$.ajax({
         type: "GET",
         url: "{{ URL::to('admin/family_chkin') }}" + "/" + stdid + "/" + loc_id + "/" + cdate + "/" + authorize+ "/" + email,
         success: function(message) {
           // window.location.href = "{{ URL::to('admin/family_checkin_info') }}" + "/" + cdate + "/" + loc_id;
          // $( ".edit_form" ).submit();
		   bootbox.confirm("@lang('messages.student_checked_in_successfully')",  function() { 
			 window.location.href = "{{ URL::to('admin/family_checkin') }}" + "/" + loc_id;
			 });
			}
		});
		  
	  }
	  
    });
  });
  
  $('.check_out_btn').click(function() {
	  var stinfo = $(this).val();
	  var myarray = stinfo.split(',');
	  
	  var stdid = myarray[0];
	  var cdate = myarray[1];
	  var loc_id = myarray[2];
	  var rec_id = myarray[3];
	  
	  var authorize = $('#authorize'+stdid).val();
	  var email = $('#email').val();
  
	  if (authorize == '') {
	  	bootbox.alert("@lang('messages.need_to_select_authorize_contact')");
		return false;
	  }
	  
	bootbox.confirm("@lang('messages.are_you_sure_you_want_to_check_out')", function(result) {
      
	    if(result){
			$.ajax({
         type: "GET",
         url: "{{ URL::to('admin/family_chkout') }}" + "/" + rec_id + "/" + authorize+ "/" + email,
         success: function(message) {
           // window.location.href = "{{ URL::to('admin/family_checkin_info') }}" + "/" + cdate + "/" + loc_id;
           //$( ".edit_form" ).submit();
		   bootbox.confirm("@lang('messages.student_checked_out_successfully')",  function() { 
			 window.location.href = "{{ URL::to('admin/family_checkin') }}" + "/" + loc_id;
			 });
        }
		});
		  
	  }
	  
    });
  });


</script>



	
	
<style>
.error{
color:#E81717;
}
.form-horizontal1{
margin-left:16px;
}
</style>
@stop