@extends('backend.layouts.app')

@section('content')
<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_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:{
	    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);
	}
	});
}

function check_enroll(sid,cid){
var flid=$("#family_id").val();
	$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/check_students_enroll') }}" + "/" + sid + "/" +cid + "/" + flid,
	success: function(data){
		if(data != 0){
		  alert('Student Already Enrolled to this Class');
		  $("#student_id").html(data);
		}
		
	}
	});
	
}

</script>
@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


<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 - {{ $classes->cls_name }}</h3></div>
                     </div>
				
		</div><br/>
<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" onchange="check_enroll(this.value,{{ $classes->cls_id }})">
   <option></option>
  </select>
  </div>
  
   </div>
   <br/>
   
   
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
      <label class="control-label">Class Fee <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/>@if ($product1 > 0 || $product2 > 0 || $product3 > 0)<h4>Addons</h4>@endif<br/>
  
   @if ($product1 > 0)
	     <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Printed Graphic T-Shirt <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" class="form-control required" readonly value="15.00" />
  </div>
  </div>
   @endif
      <br/>
   @if ($product2 > 0)
	     <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Printed Cap<span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" class="form-control required" readonly value="9.00" />
  </div>
  </div>
   @endif
      <br/>
   @if ($product3 > 0)
	     <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Wristband <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" class="form-control required" readonly value="5.00" />
  </div>
  </div>
   @endif
   <br/>
   
  <h4>Payment Info</h4><br/>
  
  <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   <label class="control-label">Final Amount <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="text" name="final_amount" class="form-control required" readonly value="{{ $final_amount }}" />
  </div>
  
   </div>
<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 btn-primary btn-md">Make Payment</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