@extends('backend.layouts.app')
<style>
/* March_26_2021 */
.table-condensed td.active.day {border-radius: 50%;background: #3c8dbc !important;cursor: pointer !important;font-weight: bold;
color:#fff !important; border: none !important;}
.table-condensed {width: 100% !important;}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
width: 350px !important;border: 1px solid #ccc;}
.datepicker td, .datepicker th {text-align: center;width: 36px !important;height: 35px !important;}
.table-condensed {border-spacing: 10px !important;border-collapse: separate!important;}
.table-condensed td:hover {background-color: #03A9F3 !important;border: 1px solid #03A9F3 !important;border-radius: 50% !important;color: #fff;font-weight: bold;}
.table-condensed td.disabled.disabled-date.day:hover {background: transparent !important;border: none !important;font-weight: 400 !important;}
.table-condensed td.old.disabled.day:hover {background: transparent !important;border: none !important;font-weight: 400 !important;	}
.table-condensed td.new.day:hover {background: #03A9F3 !important;border: none !important;font-weight: 400 !important;color:#fff !important;}
.table-condensed .datepicker-dropdown {background: #fefefe !important;}
td.new.disabled.disabled-date.day:hover {color: #777 !important;}
.table-condensed td{
background-color: fff!important;
border: 2px solid #3c8dbc!important;
border-radius: 50% !important;
color: #000;
font-weight: bold;
}
.table-condensed td.old.disabled.disabled-date.day {background: transparent !important;border: none !important; font-weight:400 !important;
}
.table-condensed td.old.disabled.day {background: transparent !important;border: none !important;font-weight:400 !important;
}
.table-condensed td.disabled.day {background: transparent !important;border: none !important;font-weight:400 !important;
}
.table-condensed td.new.active.day:hover { background: #03A9F3 !important;}
.table-condensed td.new.day:hover {background: #03A9F3 !important;}
.table-condensed td.old.day {
    /* color: #fff !important; */
}
/* .table-condensed td.day {
	color:#fff!important;
	background-color: #03A9F3!important;
    border-radius: 50%;
}
/* March_26_2021 */
</style>



<style>
	span.address2_none {
    margin: 0px 0px 0px -5px;
}
span.select2.select2-container.select2-container--default {
    max-width: 100%;
}
button#search-btn {
    font-size: 20px;
}
</style>

<style type="text/css">


footer.main-footer img {
    position: relative;
}
</style>
@section('content')

		  <!--Messages-->
		  @if (session()->has('success_message'))
            <div class="alert alert-success"  id="admin-guest-shop-gap-mobile"> 
                {{ session()->get('success_message') }}
            </div>
        @endif

        @if (session()->has('error_message'))
            <div class="alert alert-danger" id="admin-guest-shop-gap-mobile">
                {{ session()->get('error_message') }}
            </div>
        @endif
		  <!--Messages-->

@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') !!}
<script src="https://cdn.jsdelivr.net/npm/signature_pad@3.0.0-beta.3/dist/signature_pad.umd.min.js"></script>
  

 {!! 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') !!}
			
	<!-- end container -->
	  <!-- daterange picker -->
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}
{!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
{!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}


<script type="text/javascript">
if(performance.navigation.type == 2){
   location.reload(true);
}
</script>

<script>
$(function() {
$('.cart_form').each( function(){
    var form = $(this);    // this is important, make the "form" local inside the function, otherwise $(this) changes scope each loop!
    form.validate();
});
});


     $(function() { 
	 $(".fadd_form").validate();
	 $(".padd_form").validate();
	 });
	 
function get_family(val,rowid){
 if(val != ''){
 $("#family_name").val(val);
 $("#fmly_id").val(val);
 $("#add_stu_btn").show();
  $.ajax({
	type: "GET",
	 dataType: "json",
	 url: "{{ URL::to('admin/getfname') }}" + "/" + val,
	success: function(data){
	/*  $(".ad_st_lname").html(data);
	 $(".ad_st_lname").val(data); */
	 //printresult(data);
	 $(".ad_st_lname").html(data['fname']);
	 $(".ad_st_lname").val(data['fname']); 
	 $("#loc_id").val(data['loc_id']);
	}
	});
 }else{
  $("#add_stu_btn").hide();
  $("#fstudent_id").val(); 
 }



 $.ajax({
	type: "GET",
    url: "{{ URL::to('admin/getstudents') }}" + "/" + val,
	success: function(data){
	if(data==''){
	$(".select_stu_list").show();
	$(".dropdown_stu_list").hide();
	$(".select_stu_list").html('You do not have any student currently added to this account. Please click Add New Student button.');
	$("#btn_click").removeClass('btn-default');
	$("#btn_click").addClass('btn-success');
	$('.cart_button').prop('disabled', true);
	}else{
	$("#fstudent_id").html(data);
	$(".dropdown_stu_list").show();
	$(".select_stu_list").hide();
	$("#btn_click").removeClass('btn-success');
	$("#btn_click").addClass('btn-default');
	$('.cart_button').prop('disabled', false);
	}
	/* if(data['stu_count']>0){
	$("#fstudent_id").html(data['stu_list']);
	}else{
	
	} */
	// $("#fstudent_id").html(data);
	}
	});
}

 //function get_family(val){
/*  $(function() {
 $('.get_family').on('change', function(e){
 val=$(".get_family").val();
 if(val != ''){
 $("#family_name").val(val);
 $("#fmly_id").val(val);
 $("#add_stu_btn").show();
  $.ajax({
	type: "GET",
	 dataType: "json",
	 url: "{{ URL::to('admin/getfname') }}" + "/" + val,
	success: function(data){

	 //printresult(data);
	 $(".ad_st_lname").html(data['fname']);
	 $(".ad_st_lname").val(data['fname']); 
	 $("#loc_id").val(data['loc_id']);
	}
	});
 }else{
  $("#add_stu_btn").hide();
  $("#fstudent_id").val(); 
 }
 
 $.ajax({
	type: "GET",
    url: "{{ URL::to('admin/getstudents') }}" + "/" + val,
	success: function(data){
	if(data==''){
	//alert('null');
	$(".select_stu_list").show();
	$(".dropdown_stu_list").hide();
	$(".select_stu_list").html('You do not have any student currently added to this account. Please click Add New Student button.');
	$("#btn_click").removeClass('btn-default');
	$("#btn_click").addClass('btn-success');
	$('.cart_button').prop('disabled', true);
	}else{
	$("#fstudent_id").html(data);
	$(".dropdown_stu_list").show();
	$(".select_stu_list").hide();
	$("#btn_click").removeClass('btn-success');
	$("#btn_click").addClass('btn-default');
	$('.cart_button').prop('disabled', false);
	}

	}
	});
	



	
});
}); */
</script>
<!-- Add Student popup modal-->