@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" 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">
   <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">
		<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>
<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 Addons</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="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" 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



<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>-->