@extends('backend.layouts.app')

@section('content')
{!! Html::style('expand/jquery-ui.css') !!}
{!! Html::script('expand/jquery-1.10.2.js') !!}
{!! Html::script('expand/jquery-ui.js') !!}
<style>
#message {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
}
</style>
  {!! Html::script('expand/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:{
	    url: true
	 }
   }
  });
  
  

				$.validator.addMethod("zipcode", function(value, element) {
  return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
}, "Please provide a valid zipcode.");
		//}
		
		
		
  });
  
  $(document).ready(function()
{   
  //hide the all of the element with class msg_body
  $("#ajaxmaterialeditform").hide();
 
  //toggle the componenet with class msg_body
  $("#ajaxmaterialchange").click(function()
  {
    $("#ajaxmaterialeditform").slideToggle(900);
     $("#ajaxmaterialdisplayform").slideToggle(900);     
  });

  $("#ajaxmaterialcancel").click(function()
  {
     $("#ajaxmaterialdisplayform").slideToggle(900);     
     $("#ajaxmaterialeditform").slideToggle(900);    
  });

  $("#ajaxpartnercreateform").hide();
});

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_family(val){
	$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/getstudents') }}" + "/" + val,
	success: function(data){
	
		$("#student_id").html(data);
	}
	});
}

</script>
@if(Session::has('error_message'))
	<div class="note note-danger">{{ Session::get('error_message')}} </div>
	<script>
	$(document).ready(function()
    {
	 // $("#ajaxmaterialeditform").show();
	//  $("#ajaxmaterialdisplayform").hide();
    }); 	
	</script>
@endif	
<!-- Will be used to show any messages -->
@if(Session::has('message'))
<div class_alias="alert alert-info" id="message">{{ Session::get('message')}}</div>
@endif
{!! Html::style('expand/dataTables.bootstrap.css') !!}
{!! Html::script('expand/jquery.dataTables.min.js') !!}
{!! Html::script('expand/dataTables.bootstrap.min.js') !!}
<script>
    $(document).ready(function() {
	        $('#example').DataTable({
			   "lengthMenu": [ [25, 50, 100, -1], [25, 50, 100, "All"] ],
                responsive: true,
				"aaSorting": []
        });
    });
	</script>

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

</style>


<div class="row new_member">
<div class="col-md-12">
<div class="portlet">
 
<div class="portlet-title">
					<div class="row">
                	
                    <div class="col-md-7"><h3>Enrollment</h3></div>
                     </div>
				
		</div>
<div class="portlet-body form">

     {!! Form::open(array('url' => 'admin/enroll/store', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}
   <input type="hidden" name="class_id" id="class_id" class="form-control" value="{{ $classes->cls_id }}">
   <input type="hidden" name="org_id" id="org_id" class="form-control" value="{{ $classes->org_id}}">
 
  <input type="hidden" name="loc_id" id="loc_id" class="form-control" value="{{ $classes->location_name}}">
   <input type="hidden" name="tuition_fee" id="tuition_fee" class="form-control" value="{{ $classes->tuition_fee }}">
 <div class="form-body">
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-2">
   
  </div>

  </div>
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Family <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <select name="family_id" id="family_id" class="form-control required" onchange="get_family(this.value)">
   <option></option>
   @foreach($families as $family)
   <option value="{{ $family->fmly_id }}">{{ $family->fmly_name }}</option>
   @endforeach</select>
  </div>
 
   </div>
   
   <br/>
   
   <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Student <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <select name="student_id" id="student_id" class="form-control required">
   <option></option>
   @foreach($students as $student)
   <option value="{{ $student->st_id }}">{{ $student->st_fname }} {{ $student->st_lname }}</option>
   @endforeach</select>
  </div>
  
   </div>
   <br/>
   
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Fee Amount <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" class="form-control required" readonly value="{{ $classes->tuition_fee }}" />
  </div>
  
   </div>
   
  <br/><br/>


 <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   <label class="control-label">Card Name <span class="required" aria-required="true">* </span></label>  
  </div>
   <div class="col-md-3">
   <input type="text" name="card_name" class="form-control required" value="" />
  </div>
   </div>
 <br/>
 <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   <label class="control-label">Card Number <span class="required" aria-required="true">* </span></label>  
  </div>
   <div class="col-md-3">
   <input type="text" name="card_num" class="form-control required" value="" />
  </div>
   </div>
   <br/>
   <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-1">
   <input type="text" name="cvv" class="form-control required" value="" placeholder="CVV" />
  </div>
   <div class="col-md-2">
<select name="month" class="form-control required">
  <option value="1">01 - January</option>
 <option value="2">02 - February</option>
 <option value="3">03 - March</option>
 <option value="4">04 - April</option>
 <option value="5">05 - May</option>
 <option value="6">06 - June</option>
 <option value="7">07 - July</option>
 <option value="8">08 - August</option>
 <option value="9">09 - September</option>
 <option value="10">10 - October</option>
 <option value="11">11 - November</option>
 <option value="12">12 - December</option>
 
 </select>
  </div>
  
  <div class="col-md-2">
   <select name="year" class="form-control required">

    <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option value="{{ $i }}">{{ $i }}</option>   <option 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>
   <br/> <br/>
   </div>
  

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

</div>
<div class="row form-section" style="margin:10px 0px 0px 0px !important;">
                  <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-offset-4 col-md-8">
																	
									<button type="submit" class="btn blue">Save</button>
                                       
                                       <a href="javascript:history.go(-1);" class="btn default">Cancel</a>
									 
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                            </div>
</div>
 
 </div>
   
 
  

  

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

</div>

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

<style>
.error{
color:#E81717;
}
</style>
@stop