@extends('backend.layouts.app')

@section('content')

  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<script>
  // When the browser is ready...
  $(function() {
 
  $(".edit_form").validate({
  rules: {
   /*    st_cell: {
      required: true,
      phoneUS: true
     } */
	 st_email: {
        required: true,
        validEmail: true
    }
   }
  });
  
  $.validator.addMethod("validEmail", function(value, element) 
{
    if(value == '') 
        return true;
    var temp1;
    temp1 = true;
    var ind = value.indexOf('@');
    var str2=value.substr(ind+1);
    var str3=str2.substr(0,str2.indexOf('.'));
    if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
        return false;
    var str1=value.substr(0,ind);
    if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
        return false;
    str = /(^[a-zA-Z0-9]+[\._-]{0,1})+([a-zA-Z0-9]+[_]{0,1})*@([a-zA-Z0-9]+[-]{0,1})+(\.[a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/;
    temp1 = str.test(value);
    return temp1;
}, "Please enter valid email.");


  //var res_id=$('input[name="org_phone"]').attr('id');
      
		  // if(res_id == 'org_phone'){
   $.validator.addMethod("phoneUS", 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");
		//}
		
			$('#st_cell').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;
	 }
	});	
		
		/* new code */

		/* new code ends here */
		
 	
  });
 

</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;
}
</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

<!-- 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" id="admin-mobile-gap-alignment">
<div class="portlet">
 
<div class="portlet-title">
					<div class="row">
                	
                    <div class="col-md-7"><h3>Add Student</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="portlet-body form">

    {!! Form::open(array('url' => 'admin/students/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">MAIN <span class="required" aria-required="true">* </span> </label> 
    </div>
  </div>

  </div>
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Student First Name <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="st_fname" id="st_fname" class="form-control required" value="{{ old('st_fname') }}">
  </div>
  <div class="col-md-2">
   
   <label class="control-label">Student Last Name <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="st_lname" id="st_lname" class="form-control required" value="{{ old('st_lname') }}">
  </div>
  </div>
    <div class="row" style="margin:10px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Family Name <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <select name="fmly_name" class="form-control required" id="fmly_name">
   <option value="">-- Select Family --</option>
   @foreach ($families as $family)  
   <option value="{{ $family->fmly_id }}">{{ $family->fmly_name }}</option>
   @endforeach</select>
  </div>
    <div class="col-md-2">
   
   <label class="control-label">Gender <span class="required" aria-required="true">* </span></label>  
  </div>
 
  <div class="col-md-3">
   <input type="radio" name="st_gender" value="M" checked>Male
   <input type="radio" name="st_gender" value="F">Female
  </div>
  </div>
      <div class="row" style="margin:10px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">Date of Birth <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="st_dob" id="st_dob" class="form-control required" value="{{ old('st_dob') }}">
  </div>
    <div class="col-md-2">
   
   <label class="control-label">Mobile Phone <span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
 <input type="text" name="st_cell" id="st_cell" class="form-control required" value="{{ old('st_cell') }}" onkeypress="return isNumber(event)" maxlength="12">
  </div>
  </div>

<div class="row" style="margin:10px 0px 0px 0px !important;">
   <div class="col-md-2">
      <label class="control-label">Email
        <span class="required" aria-required="true">* </span>
	  </label>  
  </div><div class="col-md-3 input_container">
   <input type="text" name="st_email" id="st_email" class="form-control required" placeholder="" autocomplete="off" value="{{ old('st_email') }}"> 
 </div>
  <div class="col-md-2">
      <label class="control-label">School
	  </label>  
  </div><div class="col-md-3 input_container">
  <input type="text" name="st_schl" id="st_schl" class="form-control" placeholder="" value="{{ old('st_schl') }}"></div>
</div>
  
  <div class="row" style="margin:20px 0px 0px 0px !important;">  

  <div class="col-md-2">
      <label class="control-label">Grade Level
	  </label>  
  </div><div class="col-md-3 input_container">
  <input type="text" name="st_grade_lvl" id="st_grade_lvl" class="form-control" placeholder="" value="{{ old('st_grade_lvl') }}"></div> <div class="col-md-2">
      <label class="control-label">Transport
     
	  </label>  
  </div><div class="col-md-3 input_container">
   <input type="email" name="st_transport" id="st_transport" class="form-control"  value="{{ old('st_transport') }}"> 
 </div></div>
    <div class="row" style="margin:10px 0px 0px 0px !important;">  
 
  <div class="col-md-2">
      <label class="control-label">Disability
    	  </label>  
  </div>
   <div class="col-md-3">
   <input type="radio" name="st_disability" value="Yes">Yes
   <input type="radio" name="st_disability" value="No" checked>No
  </div><div class="col-md-2">
<label class="control-label">Student Age
</label>  
</div><div class="col-md-3 input_container">
<input type="text" name="st_age" id="st_age" class="form-control" placeholder="" value="{{ old('st_age') }}">
</div></div>
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">Special Needs

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

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

</div>
<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">Medication

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

<div class="col-md-2">
<label class="control-label">Primary Doctor
</label>  
</div><div class="col-md-3 input_container">
<input type="text" name="st_prim_Dr" id="st_prim_Dr" class="form-control" placeholder="" value="{{ old('st_prim_Dr') }}">
</div>
</div>

<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">Immune
</label>  
</div><div class="col-md-3 input_container">
<input type="text" name="st_immune" id="st_immune" class="form-control" placeholder="" value="{{ old('st_immune') }}">
</div>
<div class="col-md-2">
<label class="control-label">Student Start Date
</label>  
</div><div class="col-md-3 input_container">
<input type="text" name="st_start_date" id="st_start_date" class="form-control" placeholder="" value="{{ old('st_start_date') }}">

</div>

</div>

<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">T-shirt Size
</label>  
</div><div class="col-md-3 input_container">
<select id="st_tshirt_size" name="st_tshirt_size"  class="form-control " ><option value=""></option>
<option value="Adult Large">Adult Large</option>
<option value="Adult Medium">Adult Medium</option>
<option value="Child Large">Child Large</option>
<option value="Child Medium">Child Medium</option>
<option value="Child Small">Child Small</option>
<option value="Child XL">Child XL</option>
</select>
</div>
<div class="col-md-2">
<label class="control-label">Skill Notes

</label>  
</div><div class="col-md-3 input_container">
<textarea name="st_skill_notes" id="st_skill_notes" class="form-control">{{ old('st_skill_notes') }}</textarea>

</div>
</div>

<div class="row" style="margin:20px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">Status
</label>  
</div><div class="col-md-3 input_container">
<select class="form-control" name="status" id="status">
<option value="0">Active</option>
<option value="1">Inactive</option>
</select>
</div>
 </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-info">Save</button>
                                       
                                       <a href="javascript:history.go(-1);" class="btn btn-warning">Cancel</a>
									 
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                            </div>
                        </div>
 
 </div>
   
 
  

  

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

</div>

</div>
</div>
</div>
{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! 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>
    $('#st_dob').datepicker(
	{  
      format: 'mm-dd-yyyy',
            endDate: '+0d',
            autoclose: true
	   });
	     	
</script>
<style>
.error{
color:#E81717;
}
</style>
@stop