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

@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') !!}

  
<script>
  // When the browser is ready...
  $(function() {
  
      
	   
  $(".edit_form").validate({
  rules: {
      /* org_phone: {
      required: true,
      //phonevrfy: true
     }, */
	 zip:{
	 required: true,
      zipcode: true
	 },
	 org_website:{
	 //required: true,
      url: true
	 },
	 'days[]': {
			required: true,
			minlength: 1
		}
   }
  });

  
  
  
  /*  $( "#cls_start_date" ).datepicker(
	{  
       dateFormat: "mm-dd-yy",
	    autoclose: true,
		startDate: new Date()
	   });
	   
  $( "#cls_end_date" ).datepicker(
	{  
       dateFormat: "mm-dd-yy",
	     autoclose: true,
		 startDate: new Date()
	   }); */
	
	   
	   
	   
    $('#org_phone').keyup(function(){
    $(this).val($(this).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/,'$1-$2-$3'));
	 if(($(this).val().length)>12){
	    e.preventDefault();
        return false;
	 }
	
});
/*    $.validator.addMethod("phonevrfy", function (phone_number, element) {
   
           phone_number = phone_number.replace(/\s+/g, "");
return this.optional(element) || phone_number.length > 9 &&
                  phone_number.match(/\(?[\d\s]{3}\)[\d\s]{3}-[\d\s]{4}$/);
				  

        }, "Invalid phone number"); */
		

		$.validator.addMethod("zipcode", function(value, element) {
  return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
}, "Please provide a valid zipcode.");


 });
 

</script>

<script>
function phone_custom() {
    var e = document.getElementById("org_phone");
     e.id = "org_phone_int";
	 $("#org_phone_int").attr("placeholder", "");
}
function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
function get_location(val){
$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/get_location') }}" + "/" + val,
	 dataType: "json",
	success: function(data){
	 printresult(data);
	}
	});
}

function get_session(val){
$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/get_session') }}" + "/" + val,
	 dataType: "json",
	success: function(data){
	 //printresult(data);
	 $("#session_list").html(data['sessions']);
	 $("#sub_category").html(data['sub_categories']);
	}
	});
}

function sub_get_session(val){
$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/sub_get_session') }}" + "/" + val,
	// dataType: "json",
	success: function(data){
	 //printresult(data);
	 $("#session_list").html(data);
	 //$("#sub_category").html(data['sub_categories']);
	}
	});
}

function printresult(data)
{
    $("#location_code").html(data['final_locations']);   
	$("#room_list").html(data['final_rooms']);   
	$("#instructor_list").html(data['final_instructors']);   
	$("#program_list").html(data['final_programs']);   
	$("#tutn_bill_mthd").html(data['final_tution']);  
	$("#age_group").html(data['final_age']);  
	$("#age_group").html(data['final_age']);
	$("#sesn_name").html(data['final_session']);
    
}
</script>

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::style('expand_theme/select2/dist/css/select2.min.css') !!}

<script>
  $(function () {
    $('.select2').select2()
 })
</script>

<!-- Begin Page Content 
<div class="row">
	<div class="col-md-8">
		<h3>Edit Member Info</h3>
		
	</div>
	<div class="col-md-4">
		<a href="{{ url('/') }}" class="btn btn-primary pull-right">Back</a>
		
	</div>
</div>	
<hr>-->
<div class="row new_member" id="ajaxmaterialdisplayform">
<div class="col-md-12">
<div class="box">
 
<div class="box-header">
					<div class="row">
                	
                    <div class="col-md-7"><h3>Add Class</h3></div>
                   <!-- <div class="col-md-5">
                    <p class="form-control-static pull-right" style="padding-top:25px; color:#888;"><a href="{{ url('admin/members') }}" class="btn btn-primary pull-right">Back</a></p></div>-->
                    </div>
				
		</div>
<div class="box-body">

    {!! Form::open(array('url' => 'admin/classes/create', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}

 <div class="form-body">
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Class Information</h4> </label> 
    </div>
  </div>

  </div>
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="flright">Enter Class Name <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="cls_name" id="cls_name" class="form-control required" value="{{ old('cls_name') }}">
  </div>
     <div class="col-md-2">
   
   <label class="flright">Location Name<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
  <select name="location_name" id="location_code" class="form-control select2 required">
 <option></option>
    @foreach($location_details as $location)
   <option value="{{ $location->loc_id }}">{{ $location->loc_name }}</option>
   @endforeach
   
   
   </select>

  </div>
  </div>
  <div class="row sub_class_divs" style="margin:10px 0px 0px 0px !important;">
  <div class="col-md-2">
      <label class="flright">Room
       </label>  
  </div><div class="col-md-3 input_container">
<select id="room_list" name="room" class="form-control">
     <option value=""></option>@foreach($rooms as $room)
   <option value="{{ $room->room_id }}">{{ $room->room }}</option>
   @endforeach
</select>
 </div>
   <div class="col-md-2">
      <label class="flright">Instructor
     </label>  
  </div><div class="col-md-3 input_container">
     <select name="instructor_id" id="instructor_list" class="form-control">
	    <option value=""></option>  
		@foreach($instructors as $instru)
   <option value="{{ $instru->instructor_id }}">{{ $instru->instructor_fname }} {{ $instru->instructor_lname }}</option>
   @endforeach
    </select> </div><div class="col-md-1" >
  <!--<p onclick="phone_custom()"><i class="fa fa-globe"></i></p>-->
 </div>


</div>
  
  
<div class="row" style="margin:20px 0px 0px 0px !important;">

<div class="col-md-2">
<label class="flright">Category <span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control required" id="program_list" name="program" onchange="get_session(this.value)">
<option value=""></option>
  @foreach($program_details as $prog)
   <option value="{{ $prog->cls_prg_id }}">{{ $prog->program }}</option>
   @endforeach
</select>
</div>


<div class="col-md-2">
<label class="flright">Sub Category
</label>  
</div><div class="col-md-3 input_container">
<select name="sub_program_id" id="sub_category" class="form-control" onchange="sub_get_session(this.value)">
   <option value=""></option>
   <!--@foreach($session_details as $session)
   <option value="{{ $session->sesion_id }}">{{ $session->session_name }}</option>
   @endforeach-->
</select>
</div>
<!---->
</div>
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Session

</label>  
</div><div class="col-md-3 input_container">
<select name="sesn_name" id="session_list" class="form-control">
   <option value=""></option>
   <!--@foreach($session_details as $session)
   <option value="{{ $session->sesion_id }}">{{ $session->session_name }}</option>
   @endforeach-->
   
    </select>
</div>
<!---->
<div class="col-md-2">
<label class="flright">Class Type

</label>  
</div><div class="col-md-3 input_container">
<select name="class_type" id="class_type" class="form-control" onchange="get_class_type(this.value)">
   <option value="2">Class</option>
   @foreach($ctype_details as $ctype)
   <option value="{{ $ctype->class_type_id }}">{{ $ctype->class_type_name }}</option>
   @endforeach
   
    </select>
</div>
</div>
<hr>
 <div class="row" style="margin:0px 0px 0px 0px !important;">

 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Class Schedule</h4> </label> 
    </div>
  </div> </div>
  <div class="row" style="margin:0px 0px 0px 0px !important;"><div class="" style="color:#777 !important">
A class can meet on one or more days during a week.
  </div></div>

<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Class Start Date
<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">

<div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="cls_start_date" id="cls_start_date" class="form-control start_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" value="{{ old('cls_start_date') }}" onblur="my_class_startdate()">
</div>

<!--<input type="text" name="cls_start_date" id="cls_start_date" class="form-control required" value="{{ old('cls_start_date') }}">
--></div>
<div class="col-md-2">
<label class="flright">End Date
<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">

<div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="cls_end_date" id="cls_end_date" class="form-control end_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" value="{{ old('cls_end_date') }}" onblur="my_class_enddate()">
</div>
<!--
<input type="text" name="cls_end_date" id="cls_end_date" class="form-control required" placeholder="" value="{{ old('cls_end_date') }}">-->


</div>


</div>



<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Start Time
</label>  
</div><div class="col-md-3 input_container">
<div class="bootstrap-timepicker">
 <div class="input-group">
         <input type="text" name="cls_start_time" id="cls_start_time" class="form-control cls_start_time" placeholder="" value="{{ old('cls_start_time') }}">

                    <div class="input-group-addon">
                      <i class="fa fa-clock-o"></i>
                    </div>
                </div>
                <!-- /.form group -->
              </div>

</div>
<div class="col-md-2">
<label class="flright">End Time

</label>  
</div><div class="col-md-3 input_container">
<div class="bootstrap-timepicker">
 <div class="input-group">
                  <input type="text" name="cls_end_time" id="cls_end_time" class="form-control cls_end_time" placeholder="" value="{{ old('cls_end_time') }}">

                    <div class="input-group-addon">
                      <i class="fa fa-clock-o"></i>
                    </div>
                </div>
                <!-- /.form group -->
              </div></div>

			  
</div>


<div class="row" style="margin:20px 0px 0px 0px !important;">
<!--<div class="col-md-2">
<label class="flright">Time Duration
</label>  
</div><div class="col-md-3 input_container">

<select class="form-control" id="duration" name="duration"><option value=""></option>
<option value=""></option>
<option value=":10">:10</option>
<option value=":15">:15</option>
<option value=":20">:20</option>
<option value=":25">:25</option>
<option value=":30">:30</option>
<option value=":35">:35</option>
<option value=":40">:40</option>
<option value=":45">:45</option>
<option value=":50">:50</option>
<option value=":55">:55</option>
<option value="1:00">1:00</option>
<option value="1:05">1:05</option>
<option value="1:10">1:10</option>
<option value="1:15">1:15</option>
<option value="1:20">1:20</option>
<option value="1:25">1:25</option>
<option value="1:30">1:30</option>
<option value="1:45">1:45</option>
<option value="1:50">1:50</option>
<option value="1:55">1:55</option>
<option value="2:00">2:00</option>
<option value="2:10">2:10</option>
<option value="2:15">2:15</option>
<option value="2:20">2:20</option>
<option value="2:30">2:30</option>
<option value="2:40">2:40</option>
<option value="2:45">2:45</option>
<option value="3:00">3:00</option>
<option value="3:05">3:05</option>
<option value="3:10">3:10</option>
<option value="3:15">3:15</option>
<option value="3:20">3:20</option>
<option value="3:25">3:25</option>
<option value="3:30">3:30</option>
<option value="3:45">3:45</option>
<option value="4:00">4:00</option>
<option value="4:15">4:15</option>
<option value="4:30">4:30</option>
<option value="4:45">4:45</option>
<option value="5:00">5:00</option>
<option value="5:15">5:15</option>
<option value="5:30">5:30</option>
<option value="5:45">5:45</option>
<option value="6:00">6:00</option>
<option value="6:15">6:15</option>
<option value="6:30">6:30</option>
<option value="6:45">6:45</option>
<option value="7:00">7:00</option>
<option value="7:15">7:15</option>
<option value="7:30">7:30</option>
<option value="7:45">7:45</option>
<option value="8:00">8:00</option>
<option value="8:15">8:15</option>
<option value="8:30">8:30</option>
<option value="8:45">8:45</option>
<option value="9:00">9:00</option>
</select>
</div>-->
<div class="col-md-2">
<label class="flright">Days<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-5 input_container" style="margin-top: 7px;">
<input type="checkbox" name="days[]" value="2">&nbsp;Mon&nbsp;
<input type="checkbox" name="days[]" value="3">&nbsp;Tue&nbsp;
<input type="checkbox" name="days[]" value="4">&nbsp;Wed&nbsp;
<input type="checkbox" name="days[]" value="5">&nbsp;Thu&nbsp;
<input type="checkbox" name="days[]" value="6">&nbsp;Fri&nbsp;
<input type="checkbox" name="days[]" value="7">&nbsp;Sat&nbsp;
<input type="checkbox" name="days[]" value="1">&nbsp;Sun&nbsp;
</div>
<!--<div class="col-md-2">
<label class="flright">Tuition Fee
<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required"  id="tuition_fee" maxlength="10" name="tuition_fee" type="number"
 data-bv-integer-message="The value is not an integer" value="{{ old('tuition_fee') }}" min=0>
</div>-->
</div>
<hr>
 <div class="row" style="margin:0px 0px 0px 0px !important;">

 <div class="col-md-8">
   <div class="form-group">
       <label class="control-label"><h4>Class Enrollment Capacity</h4> </label> 
    </div>
  </div> </div>
   <div class="row" style="margin:0px 0px 0px 0px !important;">

 <div class="" style="color:#777 !important">
    You can set maximum enrollments of class.
 </div> </div>

  
<!--<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Min Age<span class="required" aria-required="true">*</span>

</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required" id="min_age" maxlength="2" name="min_age" size="2" type="number" value="{{ old('min_age') }}" min=0 max=99>
</div>

<div class="col-md-2">
<label class="flright">Max Age<span class="required" aria-required="true">* </span>

</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required" id="max_age" maxlength="2" name="max_age" size="2" type="number" value="{{ old('max_age') }}" min=0 max=99>
</div>

</div>-->
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Max Size<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required" id="max_size" maxlength="4" name="max_size" size="2" type="number" value="{{ old('max_size') }}"min=0></div>
<div class="col-md-2">
<label class="flright">Max Wait

</label>  
</div><div class="col-md-3 input_container">
<input class="form-control"  id="max_wait" maxlength="4" name="max_wait" size="2" type="number" value="{{ old('max_wait') }}" min=0>
</div>
</div>
<hr>

 <div class="row" style="margin:0px 0px 0px 0px !important;">

 <div class="col-md-8">
   <div class="form-group">
       <label class="control-label"><h4>Class Grade Level</h4> </label> 
    </div>
  </div> </div>
   <div class="row" style="margin:0px 0px 0px 0px !important;">

 <div class="" style="color:#777 !important">
    You can set minimum and maximum grade levels of class.
 </div> </div>
 
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Min grade
</label>  
</div><div class="col-md-3 input_container">
<select name="min_grade" id="min_grade" class="form-control" placeholder="" >
  <option value=""></option>
  @foreach($sgrade_levels as $grade)
  <option value="{{ $grade->priority }}">{{ $grade->grade_name }}</option>
  @endforeach
</select>


</div>
<div class="col-md-2">
<label class="flright">Max grade
</label>  
</div>
<div class="col-md-3 input_container">
<select name="max_grade" id="max_grade" class="form-control" placeholder="" >
  <option value=""></option>
  @foreach($sgrade_levels as $grade)
  <option value="{{ $grade->priority }}">{{ $grade->grade_name }}</option>
  @endforeach
</select>


</div>
</div>

<hr>

<div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Registration Period</h4> </label> 
    </div>
  </div>
</div>

<div class="row" style="margin:0px 0px 0px 0px !important;">
<div class="" style="color:#777 !important">
You can specify the date users can start registering for this class and the date the registration period closes.
</div> </div>
  
  
   <div class="row" style="margin:10px 0px 0px 0px !important;">
  <div class="col-md-2">
<label class="flright"> Start Date<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-3 input_container">

<div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="cls_reg_date" id="cls_reg_date" class="form-control start_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" value="04-20-25" onblur="my_class_regstartdate()">
                </div>
</div>
  <div class="col-md-2">
<label class="flright"> End Date<span class="required" aria-required="true">* </span>
</label>  
</div>
<div class="col-md-3 input_container">
<div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="cls_reg_end_date" id="cls_reg_end_date" class="form-control end_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask=""  value="{{ old('cls_reg_end_date') }}" onblur="my_class_regenddate()">
                </div>
</div></div>
<hr>

   <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Tuition Options </h4> </label> 
    </div>
  </div>

  </div>
<div class="row">
<div class="col-md-12">
<div class="form-horizontal1">
       
        <div class="control-group">
		<div class="row">
		<div class="col-md-3">
            <label class="control-label" for="inputEmail">
                Tuition Label<span class="required" aria-required="true">* </span> </label>
            <div class="controls">
                <input type="text" name="tuition_type0" id="tuition_type" placeholder="ex: Intermediate" class="form-control required" />
            </div>
        </div>
		<div class="col-md-3">
            <label class="control-label" for="inputEmail">
                Price <span class="required" aria-required="true">* </span></label>
            <div class="controls">
                <input type="number" name="tuition_price0" id="tuition_price0" placeholder="" min=0  class="form-control required"  onblur="my_tuition_price(0)"/>
                </div>
        </div>
		<!--<div class="col-md-3">
            <label class="flright" for="inputEmail">
                Capacity <span class="required" aria-required="true">* </span></label>
            <div class="controls">
                <select id="tuition_capacity" name="tuition_capacity0" class="form-control required" >
				<option value="0">Unlimited</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								<option value="{{ $i }}">{{ $i }}</option>
								</select>
                </div>
        </div>-->
        </div>
		
		<div class="row sub_class_divs">
		<div class="col-md-12">
		<input type="checkbox" name="discount_check0" value="0" onclick='myres(this.value);' id="dis_check0">&nbsp;Do you have early bird discount?
		</div></div>
		<div class="row dis_check_res0" style="display:none">
			<div class="col-md-3">
            <label class="control-label" for="inputEmail">
               Early Registration Start Date <span class="required" aria-required="true">* </span></label>
            <div class="controls">
                <!--<input type="text" name="dis_start_date0" id="dis_start_date0" placeholder="" class="form-control dis_start_date" /> -->
				
				  <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="dis_start_date0" id="dis_start_date0" class="form-control start_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" onblur="my_class_early_start_date()" value="{{ date('m-d-Y') }}">
                </div>
                </div>
        </div>
		<div class="col-md-3">
            <label class="control-label" for="inputEmail">
              Early Registration End Date <span class="required" aria-required="true">* </span></label>
            <div class="controls">
               <!-- <input type="text" name="dis_end_date0" id="dis_end_date0" placeholder="" class="form-control dis_end_date"  /> -->
			     <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="dis_end_date0" id="dis_end_date0" class="form-control end_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" onblur="my_class_early_end_date()"> 
                </div>
                </div>
        </div>
		<div class="col-md-2">
            <label class="control-label" for="inputEmail">
               Percentage(%)<span class="required" aria-required="true">* </span></label>
            <div class="controls">
             <input type="number" name="early_perc0" id="early_perc0" placeholder="" min=1 max=100 class="form-control required" onblur="early_perc(0)"/>
            </div>
      	</div>
		<div class="col-md-3">
            <label class="control-label" for="inputEmail">
               Amount</label>
            <div class="controls">
                <input type="number" name="dis_price0" id="dis_price0" placeholder="" min=0 class="form-control required" readonly />
                </div>
      	</div>
		</div>
</div>
<hr>
<input type="hidden" name="num" value="1" />


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

<div class="row" style="margin:10px 0px 0px 0px !important;">
   <div class="col-md-6"></div>
   <div class="col-md-6" style="text-align:right;"><input type="button" value="Add Tuition Option" id="addButton" class="btn btn-default">
	<input type="button" value="Remove Tuition Option" id="removeButton" class="btn btn-default"></div>
</div>
<hr>
  
<div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Student Restriction</h4> </label> 
    </div>
  </div>
</div>
<div class="row" style="margin:0px 0px 0px 0px !important;">
<div class="">
You can qualify people who can register for your class based on their gender, age, and grade. The system will prevent users from registering for the class if they do not meet all the requirements.
</div>
</div>

<div class="row" style="margin:10px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Gender
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" id="restriction_to" name="restriction_to">
<option value="0">No restriction</option>
<option value="1">Male</option>
<option value="2">Female</option>
</select></div>
<div class="col-md-2">
<label class="flright">Age Restrictions

</label>  
</div><div class="col-md-3">
<select class="form-control" id="restriction_by" name="restriction_by" onchange="getres_by(this)">
<option value="0">No restrictions</option>
<option value="1">Age</option>
</select>
</div>
</div>

<div class="row" style="margin:13px 0px 0px 0px !important; display:none;" id="restriction_age">
<div class="col-md-2">
<label class="flright">Min Age<span class="required" aria-required="true">*</span>

</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required" id="min_age" maxlength="2" name="min_age" size="2" type="number" value="{{ old('min_age') }}" min=0 max=99>
</div>

<div class="col-md-2">
<label class="flright">Max Age<span class="required" aria-required="true">* </span>

</label>  
</div><div class="col-md-3 input_container">
<input class="form-control required" id="max_age" maxlength="2" name="max_age" size="2" type="number" value="{{ old('max_age') }}" min=0 max=99>
</div>
<!--
<div class="col-md-2">
            <label class="flright" for="inputEmail">
               Yrs</label>
            <div class="controls">
            <input class="form-control required" id="max_age" maxlength="2" name="max_age" size="2" type="number" value="{{ old('max_age') }}" min=0 max=99>
                </div>
</div>

<div class="col-md-1">
            <label class="flright" for="inputEmail">
               Months</label>
            <div class="controls">
			<select name="max_month" id="max_month" class="form-control required" placeholder="" >
			<option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option><option value="{{ $k }}">{{ $k }}</option>			</select>
                </div>
</div>-->
</div>

<!--<div class="row" style="margin:13px 0px 0px 0px !important; display:none;" id="restriction_grade">
<div class="col-md-2">
<label class="flright">Min grade
</label>  
</div><div class="col-md-3 input_container">
<select name="res_min_grade" id="res_min_grade" class="form-control" placeholder="" >
  <option></option>
  @foreach($sgrade_levels as $grade)
  <option value="{{ $grade->priority }}">{{ $grade->grade_name }}</option>
  @endforeach
</select>


</div>
<div class="col-md-2">
<label class="flright">Max grade
</label>  
</div>
<div class="col-md-3 input_container">
<select name="res_max_grade" id="res_max_grade" class="form-control" placeholder="" >
  <option></option>
  @foreach($sgrade_levels as $grade)
  <option value="{{ $grade->priority }}">{{ $grade->grade_name }}</option>
  @endforeach
</select>


</div>
</div>-->
<hr class="sub_class_divs">
<div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Class Addons</h4> </label> 
    </div>
  </div>
</div>
 <div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
    <input type="checkbox" name="addon" id="addon_check">&nbsp;Assign Addons
    </div>
  </div>
</div>



<!--<div class="row" style="margin:10px 0px 0px 0px !important; display:none;" id="view_categories" >
@foreach($category_details as $category)
<div class="col-md-2">
<input type="checkbox" name="listaddon[]" value="{{ $category->id }}" onclick='cat_list(this.value);' id="check_val{{ $category->id }}">&nbsp;{{ $category->pname }}
</div>
@endforeach
</div>-->

<div class="row sub_class_divs" style="margin:10px 0px 0px 0px !important; display:none;" id="view_categories" >
@foreach($category_details as $category)
<div class="col-md-2">
<input type="checkbox" name="listaddon[]" value="{{ $category->id }}" onclick='cat_list(this.value);' id="check_val{{ $category->id }}">&nbsp;{{ $category->pname }}
</div>

@endforeach
</div>

@foreach($category_details as $category)
<div id="category_product_list{{ $category->id }}">
</div>
@endforeach

<!-- new code -->
<hr class="sub_class_divs">
<div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Sub Classes/Services</h4> </label> 
    </div>
  </div>
</div>
 <div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
    <input type="checkbox" name="sub_classes" id="sub_classes_check">&nbsp;Assign Sub Classes/Services
    </div>
  </div>
</div>

<div class="row sub_class_divs" style="margin:10px 0px 0px 0px !important; display:none;" id="view_class_types" >
@foreach($class_types_details as $class_type)
<div class="col-md-2">
<input type="checkbox" name="listclasstypes[]" value="{{ $class_type->class_type_id }}" onclick='class_type_list(this.value);' id="check_type_val{{ $class_type->class_type_id }}">&nbsp;{{ $class_type->class_type_name }}
</div>

@endforeach
</div>

@foreach($class_types_details as $class_type)
<div id="class_types_product_list{{ $class_type->class_type_id }}">
</div>
@endforeach
<!-- new code -->





<!--
<hr>
<div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Assign Sub Classes/Services</h4> </label> 
    </div>
  </div>
</div>-->
 <!--<div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
    <input type="checkbox" name="subcls" id="sub_check">&nbsp;Assign Sub Classes
    </div>
  </div>
</div>-->
	
<hr class="sub_class_divs">
 <div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Class Drop</h4> </label> 
    </div>
  </div>
</div>
 <div class="row sub_class_divs" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
      <input type="checkbox" name="drop_selection" id="drop_selection" onclick="show_drop()">&nbsp;Do you want to add drop student dates for this class ?
    </div>
  </div>
</div>
<div class="row sub_class_divs" style="margin:20px 0px 0px 0px !important;display:none;" id="show_drop_div">
<div class="col-md-2">
<label class="flright">Drop Till Date<span class="required" aria-required="true">*</span>
</label>  
</div><div class="col-md-3 input_container">
 <div class="input-group">
                  <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                  </div>
                  <input type="text" name="drop_date" id="drop_date" class="form-control start_date required" data-inputmask="'alias': 'mm/dd/yyyy'" data-mask="" onblur="my_class_drop_date()"> 
                </div>
</div>
<div class="col-md-2">
<label class="flright">Drop Fee<span class="required" aria-required="true">*</span>
</label>  
</div><div class="col-md-3 input_container">
<input type="number" class="form-control required"  name="drop_penalty" min=0 >
</div>
</div>
<hr class="sub_class_divs">

<!-- class tax 
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="flright"><h4>Class Tax</h4> </label> 
    </div>
  </div>
</div>
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
      <input type="checkbox" name="class_tax" id="class_tax" onclick="show_tax()">&nbsp;Do you want to add tax for this class ?
    </div>
  </div>
</div>
<div class="row" style="margin:20px 0px 0px 0px !important;display:none;" id="show_tax_div">
<div class="col-md-2">
<label class="flright">Tax Percentage(%)<span class="required" aria-required="true">*</span>
</label>  
</div><div class="col-md-3 input_container">
<input type="number" class="form-control required"  name="tax_perc" min=0 value="{{ $organization_defaults->tax_rate }}">
</div>
</div>
<hr>
class tax -->






 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   <div class="form-group">
       <label class="control-label"><h4>Miscellaneous</h4> </label> 
    </div>
  </div>
</div>
<!--
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Tuition Billing Method
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" name="tutn_bill_mthd" id="tutn_bill_mthd">
 <option value=""></option>
   		@foreach($tutionbills as $tutionbill)
   <option value="{{ $tutionbill->tut_id }}">{{ $tutionbill->method }}</option>
   @endforeach
</select></div>
</div>-->
<!--<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Age

</label>  
</div><div class="col-md-3 input_container">
<select id="age_group" name="age_group" class="form-control">
<option value=""></option>
	@foreach($agegroups as $age)
   <option value="{{ $age->age_grp_id }}">{{ $age->age_grp }}</option>
   @endforeach
</select></div>

</div>-->

<div class="row sub_class_divs" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="flright">Display on Website
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" id="disp_on_web" name="disp_on_web">
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></div>
<!--<div class="col-md-2">
<label class="flright">Allow Portal Enrollment

</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" id="allow_port_enroll" name="allow_port_enroll">
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>-->
<div class="col-md-2">
<label class="flright">Allow Web Registration
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" id="allow_web_reg" name="allow_web_reg">
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></div>
</div>


<div class="row" style="margin:20px 0px 0px 0px !important;">

<div class="col-md-2">
<label class="flright">Description

</label>  
</div><div class="col-md-8">
<textarea class="form-control" id="class_desc"  name="class_desc"></textarea>
</div>
</div>

<hr>
<div class="row form-section" style="margin:10px 0px 0px 0px !important;">
                  <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-offset-4 col-md-8">
																	
									<button type="submit" class="btn btn-info">Save</button>
                                       <input type="submit" name="add_class" value="Save & Add New" class="btn btn-info">
                                       <a href="javascript:history.go(-1);" class="btn btn-default">Cancel</a>
									 
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                            </div>
</div>
 
 </div>
   
 
  

  

  {!! Form::close() !!}
 </div>

</div>

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

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

<!-- Page script -->
<script>
  $(function () {
 
   //Timepicker
    $('.cls_start_time').timepicker({
      showInputs: false
    });
	 $('.cls_end_time').timepicker({
      showInputs: false
    });
  })
</script>


{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}
 
 <!--<link href="http://localhost/adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css">-->
 <!--
{!! Html::style('expand_theme/bootstrap-datepicker/dist/css/select2.min.css') !!}
{!! 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 src="http://localhost/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
<script src="http://localhost/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>-->

 

 
  <script>
 $('.start_date').datepicker({
                   format: "mm/dd/yyyy",
                   startDate: new Date(),
				   autoclose: true
                   
               });
                $('.end_date').datepicker({
                   format: "mm/dd/yyyy",
                   startDate: new Date(),
				   autoclose: true
                   
               });  
   //Datemask dd/mm/yyyy
    $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
    //Datemask2 mm/dd/yyyy
    $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
    //Money Euro
    $('[data-mask]').inputmask()
	
	
	
	 $('.dis_start_date').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
	
/*   $('.timepicker').timepicker({
      showInputs: false
    }); */
/* 	var start = new Date();
// set end date to max one year period:
var end = new Date(new Date().setYear(start.getFullYear()+1)); */

/* 12_05 

$('#cls_start_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "cls_end_date" defaults whenever "cls_start_date" changes
}).on('changeDate', function(){
// set the "cls_end_date" start to not be later than "cls_start_date" ends:
$('#cls_end_date').datepicker('setStartDate', new Date($(this).val()));
}); 

$('#cls_end_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "cls_start_date" defaults whenever "cls_end_date" changes
}).on('changeDate', function(){
// set the "cls_start_date" end to not be later than "cls_end_date" starts:
$('#cls_start_date').datepicker('setEndDate', new Date($(this).val()));
});

12_05 */
 </script>
 
 
  <script>
/*   $('.timepicker').timepicker({
      showInputs: false
    }); */
/* 	var start = new Date();
// set end date to max one year period:
var end = new Date(new Date().setYear(start.getFullYear()+1));

$('#ear_reg_start_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "ear_reg_end_date" defaults whenever "ear_reg_start_date" changes
}).on('changeDate', function(){
// set the "ear_reg_end_date" start to not be later than "ear_reg_start_date" ends:
$('#ear_reg_end_date').datepicker('setStartDate', new Date($(this).val()));
});  */

/* $('#ear_reg_end_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "ear_reg_start_date" defaults whenever "ear_reg_end_date" changes
}).on('changeDate', function(){
// set the "ear_reg_start_date" end to not be later than "ear_reg_end_date" starts:
$('#ear_reg_start_date').datepicker('setEndDate', new Date($(this).val()));
}); */



 
  /*   $("#cls_reg_date").datepicker(
	{  
       dateFormat: "mm-dd-yy",
	    autoclose: true,
		startDate: new Date()
	   });
	    $("#cls_reg_end_date").datepicker(
	{  
       dateFormat: "mm-dd-yy",
	    autoclose: true,
		startDate: new Date()
	   }); */

	   
 </script>
 
 <script>
/*   $('.timepicker').timepicker({
      showInputs: false
    }); */
	var start = new Date();
// set end date to max one year period:
var end = new Date(new Date().setYear(start.getFullYear()+1));
/* 12_05 
$('#cls_reg_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "cls_reg_end_date" defaults whenever "cls_reg_date" changes
}).on('changeDate', function(){
// set the "cls_reg_end_date" start to not be later than "cls_reg_date" ends:
$('#cls_reg_end_date').datepicker('setStartDate', new Date($(this).val()));
}); 

$('#cls_reg_end_date').datepicker({
startDate : start,
endDate   : end,
dateFormat: "mm-dd-yy",
autoclose: true
// update "cls_reg_date" defaults whenever "cls_reg_end_date" changes
}).on('changeDate', function(){
// set the "cls_reg_date" end to not be later than "cls_reg_end_date" starts:
$('#cls_reg_date').datepicker('setEndDate', new Date($(this).val()));
});

12_05 */
 </script>
 <script>
 $(function () {
    $('#addon_check').change(function () {
        if ($(this).is(':checked')) {
        $('#view_categories').show();
        } else {
        $('#view_categories').hide();
        }
    });
	
	 $('#sub_classes_check').change(function () {
	 
	    if($("#cls_start_date").val()=='' && $("#cls_end_date").val()=='')
	    {
		  alert('Please enter class start date and end date');
		  $("#sub_classes_check").prop("checked", false);
		  return false;
		}
        if ($(this).is(':checked')) {
        $('#view_class_types').show();
        } else {
        $('#view_class_types').hide();
        }
    });
	
});



function cat_list(cid){
   $('#check_val'+cid).change(function () {
        if ($(this).is(':checked')) {
		$.ajax({
	   type: "GET",
	   url: "{{ URL::to('admin/products_list/') }}" + "/" + cid,
	   success: function(data) {
	    $('#category_product_list'+cid).html(data);
	    $('#category_product_list'+cid).show();
	   }
	});
        } else {
        $('#category_product_list'+cid).hide();
        }
    });

}

function class_type_list(cid){
   $('#check_type_val'+cid).change(function () {
        if ($(this).is(':checked')) {
		var cls_start_date=$("#cls_start_date").val();
		var cls_end_date=$("#cls_end_date").val();
		
		var cls_start_res = cls_start_date.split("/");
	    var cls_start_res_final=cls_start_res[2]+"-"+cls_start_res[0]+"-"+cls_start_res[1];
		var cls_end_res = cls_end_date.split("/");
	    var cls_end_res_final=cls_end_res[2]+"-"+cls_end_res[0]+"-"+cls_end_res[1];
		
			
		$.ajax({
	   type: "GET",
	   url: "{{ URL::to('admin/class_type_products_list/') }}" + "/" + cid + "/" + cls_start_res_final + "/" + cls_end_res_final,
	   success: function(data) {
	  // alert(data);
	    $('#class_types_product_list'+cid).html(data);
	    $('#class_types_product_list'+cid).show();
	   }
	});
        } else {
        $('#class_types_product_list'+cid).hide();
        }
    });

}
$(document).ready(function () {

            $("#addButton").click(function () {
                if( ($('.form-horizontal1 .control-group').length+1) > 5) {
                    alert("Only 4 Tuition Label allowed");
                    return false;
                }
                var rid = ($('.form-horizontal1 .control-group').length + 1).toString();
				id=rid-1;
				
                $('.form-horizontal1').append('<div class="control-group" id="control-group'+id+'"><div class="row"><div class="col-md-3"><label class="control-label" for="inputEmail"> Tuition Label </label><div class="controls"><input type="text" name="tuition_type'+id+'" id="tuition_type'+id+' " placeholder="ex: Intermediate" class="form-control" /></div></div><div class="col-md-3"><label class="control-label" for="inputEmail">Price </label><div class="controls"><input type="number" name="tuition_price'+id+'" id="tuition_price'+id+' " placeholder="" min=0 class="form-control tuition_price'+id+'" /> </div></div><div class="col-md-3"><label class="control-label" for="inputEmail"></label><div class="controls">                </div></div></div><div class="row sub_class_divs"><div class="col-md-12"><input type="checkbox" name="discount_check'+id+'" value="'+id+'" onclick="myres(this.value);" id="dis_check'+id+'" >&nbsp;Do you have early bird discount?</div></div><div class="row dis_check_res'+id +'" style="display:none"><div class="col-md-3"><label class="control-label" for="inputEmail">Early Registration Start Date </label><div class="controls"> <div class="input-group"><div class="input-group-addon">  <i class="fa fa-calendar"></i> </div><input type="text" name="dis_start_date'+id+'" id="dis_start_date'+id+'" placeholder="mm/dd/yyyy" class="form-control dis_start_date"/> </div></div></div><div class="col-md-3"><label class="control-label" for="inputEmail">Early Registration End Date </label><div class="controls"> <div class="input-group"><div class="input-group-addon">  <i class="fa fa-calendar"></i> </div>     <input type="text" name="dis_end_date'+id+'" id="dis_end_date'+id+'" placeholder="mm/dd/yyyy" class="form-control dis_end_date" /></div></div></div><div class="col-md-2"><label class="control-label" for="inputEmail">         Percentage(%) </label><div class="controls"><input type="number" name="early_perc'+id+'" id="early_perc'+id+'" placeholder="" min=1 max=100 class="form-control early_perc'+id+'"  /></div></div><div class="col-md-3"><label class="control-label" for="inputEmail">Amount </label><div class="controls"><input type="number" name="dis_price'+id+'" id="dis_price'+id+'" placeholder="" class="form-control dis_price'+id+'"  min=0 readonly  /></div></div>		</div><input type="hidden" name="num" value=" '+ rid +'"><hr></div>'		
				
				);
				//<select id="tuition_capacity'+id+'" name="tuition_capacity'+id+'" class="form-control"><option value="0">Unlimited</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option></select>
				/*  $('.dis_start_date').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
				 $('.dis_end_date').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' }) */
				 if($("#class_type").val()!=2){
				 $(".sub_class_divs").hide();
				 }
				  $('.dis_start_date').datepicker({
                   format: "mm/dd/yyyy",
                   startDate: new Date(),
				   //autoclose: true
                   
               });  
			   $('.dis_end_date').datepicker({
                   format: "mm/dd/yyyy",
                   startDate: new Date(),
				   //autoclose: true
                   
               });  
				 $(".early_perc"+id).blur(function(){
                var tution_price=$(".tuition_price"+id).val();
					if($(".early_perc"+id).val() == ''){
					$(".dis_price"+id).val('');
					return false;
					}
					if(tution_price == ''){
					alert('Please fill tuition price');
					$(".early_perc"+id).val('');
					$(".dis_price"+id).val('');
					}else{
					var early_perc=$(".early_perc"+id).val();
					var res= (tution_price*early_perc)/100;
					var final_res=tution_price-res;
					if(final_res>=0){
					$(".dis_price"+id).val(final_res);
					}else{
					final_res=0;
					$(".dis_price"+id).val(final_res);
					}
					
					}
                });
				 $(".tuition_price"+id).blur(function(){
					if($(".tuition_price"+id).val() == ''){
						$(".dis_price"+id).val('');
						$(".early_perc"+id).val('');
						}else{
						var early_perc=parseInt($(".early_perc"+id).val());
						if(early_perc!=''){
						var tution_price=$(".tuition_price"+id).val();
						var res= (tution_price*early_perc)/100;
						$(".dis_price"+id).val(tution_price-res);
						}
						}
                });
	
				/*  $('.form-horizontal').append('<div class="control-group" id="control-group' + id + '"><label class="flright" for="inputEmail' + id + '">  Tuition Label' + id + '</label><div class="controls' + id + '"><input type="text" id="inputEmail' + id + '" placeholder="Email">  <input type="text" name="tuition_type[]" id="tuition_type ' + id + '" placeholder="ex: Intermediate" /></div></div><div class="control-group" id="control-group' + id + '"><div class="col-md-4"><label class="flright" for="inputEmail"> Tuition Label </label><div class="controls"><input type="text" name="tuition_type[]" id="tuition_type '+ id +' " placeholder="ex: Intermediate" /></div></div><div class="col-md-4"><label class="flright" for="inputEmail">Price </label><div class="controls"><input type="text" name="tuition_price[]" id="tuition_price '+ id +' " placeholder="" /> </div></div><div class="col-md-4"><label class="flright" for="inputEmail">Capacity </label><div class="controls">                <select id="tuition_capacity '+ id +'" name="tuition_capacity"><option value="unlimited">Unlimited</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option><option value="{{ $i }}">{{ $i }}</option></select></div></div></div>'			
				
				);*/
				
				$("#dis_end_date"+id ).blur(function() {
					var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
					if(pattern.test($("#dis_start_date").val())){
					}else{
					$("#dis_start_date").val('');
					return false;
					}
					if(pattern.test($("#dis_end_date").val())){
					}else{
					$("#dis_end_date").val('');
					return false;
					}
				 var regstartdate = new Date($("#dis_start_date"+id).val());
				var regenddate = new Date($("#dis_end_date"+id).val());
				var todate=new Date();
				todate.setHours(0,0,0,0);
				if(regenddate < todate){
				alert("New class early registration can't end in past date");
				$("#dis_end_date"+id).val('');
				return false;
				}
				if( regstartdate > regenddate){
				alert("Class early registration end date should be greater than class early registration start date");
				$("#dis_end_date"+id).val('');
				}
				});
				
				$( "#dis_start_date"+id ).blur(function() {
				
				var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
					if(pattern.test($("#dis_start_date").val())){
					}else{
					$("#dis_start_date").val('');
					return false;
					}
					if(pattern.test($("#dis_end_date").val())){
					}else{
					$("#dis_end_date").val('');
					return false;
					}
					
					
				var regstartdate = new Date($("#dis_start_date"+id).val());
				var regenddate = new Date($("#dis_end_date"+id).val());
				var todate=new Date();
				todate.setHours(0,0,0,0);
				if(regstartdate < todate){
				alert("New class early registration can't start in past date");
				$("#dis_start_date"+id).val('');
				return false;
				}
				if(regstartdate > regenddate){
				alert("Class early registration start date should not be greater than class early registration end date");
				$("#dis_start_date"+id).val('');
				}
				});
				
            });
             
			 $("#removeButton").click(function () {
                if ($('.form-horizontal1 .control-group').length == 1) {
                    alert("No more textbox to remove");
                    return false;
                }

                $(".form-horizontal1 .control-group:last").remove();
            });
			
			
        });
		/* function myres(val){
		 if ($(this).is(':checked')) {
		 $(".dis_check_res"+val).show();
		 }
		 else{
		 $(".dis_check_res"+val).hide();
		 }
	    } */
		
		function myres(cid){
	
        $('#dis_check'+cid).change(function () {
        if ($(this).is(':checked')) {
                $(".dis_check_res"+cid).show();
        } else {
		$("#dis_start_date"+cid).val('');
		$("#dis_end_date"+cid).val('');
		$("#early_perc"+cid).val('');
		$("#dis_price"+cid).val('');
		$(".dis_check_res"+cid).hide();
        }
        });

       }


/* 
$('.dis_end_date').each(function(){
    $(this).datepicker(
	{
		dateFormat: "mm-dd-yy",
		autoclose: true,
		startDate: new Date()
	});
});
$('.dis_start_date').each(function(){
    $(this).datepicker({
		dateFormat: "mm-dd-yy",
		autoclose: true,
		startDate: new Date()
	});
}); */


/* $('#cls_start_time').change(function () {

var sttime=$('#cls_start_time').val();
var edtime=$('#cls_end_time').val();

var timeStart = new Date("12/05/2017 " + sttime);
var timeEnd = new Date("12/05/2017 " + edtime);

var diff = (timeEnd - timeStart) / 60000; //dividing by seconds and milliseconds

var minutes = diff % 60;
var hours = (diff - minutes) / 60;
$("#time_duration").val(edtime); 
});
 */
function my_class_enddate(){
	var cls_end_Date=$("#cls_end_date").val();
	var cls_start_date=$("#cls_start_date").val();
	
	var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
					if(pattern.test($("#cls_end_date").val())){
					}else{
					$("#cls_end_date").val('');
					return false;
					}
					if(pattern.test($("#cls_start_date").val())){
					}else{
					$("#cls_start_date").val('');
					return false;
					}
	
	var startdate = new Date(cls_start_date);
	var enddate= new Date(cls_end_Date);
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(enddate < todate){
	alert("New class can't end in past date");
	$("#cls_end_date").val('');
	return false;
	}
	if( startdate > enddate){
     alert("Class end date should be greater than class start date");
     $("#cls_end_date").val('');
    }
 }
 function my_class_startdate(){
    var cls_end_Date=$("#cls_end_date").val();
	var cls_start_date=$("#cls_start_date").val();
	var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test(cls_start_date)){
	}else{
	 $("#cls_start_date").val('');
	return false;
	}
	 if(pattern.test(cls_end_Date)){
	}else{
	 $("#cls_end_Date").val('');
	return false;
	}
	


	var cls_drop_date=$("#drop_date").val();
	var startdate = new Date(cls_start_date);
	var enddate= new Date(cls_end_Date);
	var drop_date= new Date(cls_drop_date);
	var todate=new Date();
  todate.setHours(0,0,0,0);
  
  if(startdate < todate){
	alert("New class can't start in past date");
	 $("#cls_start_date").val('');
	return false;
	}
	if(startdate < drop_date){
	alert("Class start date should not be less than class drop date");
	 $("#cls_start_date").val('');
	return false;
	}
	if(startdate > enddate){
     alert("Class start date should not be greater than class end date");
     $("#cls_start_date").val('');
    }
	
	/* var newdate = new Date(cls_start_date);
    newdate.setDate(newdate.getDate() - 1); 
    var nd = new Date(newdate);
	var month=nd.getMonth()+1;
	var rdate=nd.getDate();
	var year=nd.getFullYear();
	var nd_res=month+"/"+rdate+"/"+year;
    $("#cls_reg_end_date").val(nd_res); */
	$("#cls_reg_end_date").val(cls_start_date);
 }
 
 function my_class_regstartdate(){
 var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test($("#cls_reg_date").val())){
	}else{
	 $("#cls_reg_date").val('');
	return false;
	}
	if(pattern.test($("#cls_reg_end_date").val())){
	}else{
	 $("#cls_reg_end_date").val('');
	return false;
	}
 var regstartdate = new Date($("#cls_reg_date").val());
 var regenddate = new Date($("#cls_reg_end_date").val());
 var todate=new Date();
 todate.setHours(0,0,0,0);
 if(regstartdate < todate){
	alert("New class registration can't start in past date");
	 $("#cls_reg_date").val('');
	return false;
	}
	if(regstartdate > regenddate){
     alert("Class registration start date should not be greater than class registration end date");
     $("#cls_reg_date").val('');
    }
 }
 function my_class_regenddate(){
 var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test($("#cls_reg_date").val())){
	}else{
	 $("#cls_reg_date").val('');
	return false;
	}
	if(pattern.test($("#cls_reg_end_date").val())){
	}else{
	 $("#cls_reg_end_date").val('');
	return false;
	}
	var regstartdate = new Date($("#cls_reg_date").val());
	var regenddate = new Date($("#cls_reg_end_date").val());
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(regenddate < todate){
	alert("New class registration can't end in past date");
	$("#cls_reg_end_date").val('');
	return false;
	}
	if( regstartdate > regenddate){
	alert("Class registration end date should be greater than class registration start date");
	$("#cls_reg_end_date").val('');
	}
	
 }
 
 
function my_class_early_start_date(){
var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test($("#dis_start_date0").val())){
	}else{
	 $("#dis_start_date0").val('');
	return false;
	}
	if(pattern.test($("#dis_end_date0").val())){
	}else{
	 $("#dis_end_date0").val('');
	return false;
	}
var regstartdate = new Date($("#dis_start_date0").val());
 var regenddate = new Date($("#dis_end_date0").val());
 var todate=new Date();
 todate.setHours(0,0,0,0);
 if(regstartdate < todate){
	alert("New class early registration can't start in past date");
	 $("#dis_start_date0").val('');
	return false;
	}
	if(regstartdate > regenddate){
     alert("Class early registration end date should be greater than class early registration start date");
     $("#dis_start_date0").val('');
    }
}
 function my_class_early_end_date(){
 var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test($("#dis_start_date0").val())){
	}else{
	 $("#dis_start_date0").val('');
	return false;
	}
	if(pattern.test($("#dis_end_date0").val())){
	}else{
	 $("#dis_end_date0").val('');
	return false;
	}
    var regstartdate = new Date($("#dis_start_date0").val());
	var regenddate = new Date($("#dis_end_date0").val());
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(regenddate < todate){
	alert("New class early registration can't end in past date");
	$("#dis_end_date0").val('');
	return false;
	}
	if( regstartdate > regenddate){
	alert("Class early registration end date should be greater than class early registration start date");
	$("#dis_end_date0").val('');
	}
}
 function getres_by(selectObject) {
    var value = selectObject.value; 
	if(value == '0'){
	$('#restriction_age').hide();
	$('#min_age').val('');
	$('#max_age').val('');
	//$('#restriction_grade').hide();
	}
	if(value == '1'){
	$('#restriction_age').show();
	//$('#restriction_grade').hide();
	}
	if(value == '2'){
	$('#restriction_age').hide();
	//$('#restriction_grade').show();
	} 
}
		
	
	
	function show_drop(){
	
   $('#drop_selection').change(function () {
        if ($(this).is(':checked')) {
                $("#show_drop_div").show();
        } else {
                $("#show_drop_div").hide();
				$("#drop_date").val('');
        }
    });

}

/* function show_tax(){
	
   $('#class_tax').change(function () {
        if ($(this).is(':checked')) {
                $("#show_tax_div").show();
        } else {
                $("#show_tax_div").hide();
				$("#class_tax").val('');
			   }
    });

} */

function my_class_drop_date(){
var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
    if(pattern.test($("#drop_date").val())){
	}else{
	 $("#drop_date").val('');
	return false;
	}
	if(pattern.test($("#cls_start_date").val())){
	}else{
	 $("#cls_start_date").val('');
	 return false;
	}
	var drop_date=$("#drop_date").val();
	var cls_start_date=$("#cls_start_date").val();
	var startdate = new Date(cls_start_date);
	var enddate= new Date(drop_date);
	var todate=new Date();
	todate.setHours(0,0,0,0);
	if(enddate < todate){
	alert("Class drop date can't allow in past date");
	$("#drop_date").val('');
	return false;
	}
	if( startdate < enddate){
     alert("Class drop date should be less than class start date");
     $("#drop_date").val('');
    }
}

function early_perc(id){
var tution_price=$("#tuition_price"+id).val();
if($("#early_perc"+id).val() == ''){
$("#dis_price"+id).val('');
return false;
}
if(tution_price == ''){
alert('Please fill tuition price');
$("#early_perc"+id).val('');
$("#dis_price"+id).val('');
}else{
var early_perc=$("#early_perc"+id).val();
var res= (tution_price*early_perc)/100;
$("#dis_price"+id).val(tution_price-res);
}
}
function my_tuition_price(id){
if($("#tuition_price"+id).val() == ''){
  $("#dis_price"+id).val('');
  $("#early_perc"+id).val('');
}else{
var early_perc=$("#early_perc"+id).val();
if(early_perc!=''){
var tution_price=$("#tuition_price"+id).val();
var res= (tution_price*early_perc)/100;
$("#dis_price"+id).val(tution_price-res);
}
}
}

function get_class_type(val){
if(val!=2){
$(".sub_class_divs").hide();
}else{
$(".sub_class_divs").show();
}
}
</script>

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