@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: {
      /* cnt_cell_phone: {
      required: true,
      phoneUS: true
     } */
  	 cnt_email: {
          required: true,
          validEmail: true
      },
  	extra_emails: {
           validEmail: true
      },
	  econtact_email: {
	   required: true,
       validEmail: true
	},
    /*password: {
      required: true,
      pwcheck: true,
      minlength: 8,
      maxlength: 20
      },
    password_confirmation: {
      required: true,
       equalTo: "#password"
     }*/

   }

   /*messages: {
    password:{

    pwcheck: "Min 8 Chars with at least 1 capital letter, and a digit."
    },

    password_confirmation:{
    equalTo : "Confirm Password Should Match Password."
    }

  } */


  });


    $.validator.addMethod("pwcheck", function(value) {
return /^(?=.*[A-Z])(?=.*[0-9])(?=.{8,})/.test(value)
});

    
  
   
	   $.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 = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    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");
		//}
		
		/* new code */

		/* new code ends here */
		
		
	$('#cnt_home_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;
	 }
	});	
		$('#cnt_cell_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;
	 }
	});	
		$('#cnt_work_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;
	 }
	});	
	
	$('#emergency_cnt_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;
	 }
	});	
	
	$('#econtact_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;
	 }
	});
	
	
		
  });
 

</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 fmly_avail(){
var res=$('#fmly_name').val();
if(res == ''){
confirm('Enter Family Name');
}else{
$.ajax({
	type: "GET",
	 url: "{{ URL::to('admin/check_family') }}" + "/" + res,
	success: function(data){
	if(data == 1){
	alert('Family Name Already Exist');
	$('#fmly_name').val('');
	}else{
	alert('Family Name Available');
	}
	}
	});
}


}
</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" id="ajaxmaterialdisplayform">
<div class="col-md-12" id="admin-mobile-gap-alignment">
<div class="box">
  <!-- Modal -->
<div id="add_multi_family" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <div class="modal-content">
       <form method="post" id="credit_popup" action="{{ url('admin/add_multi_family') }}">

         {{ csrf_field() }}
      <input type="hidden" name="entered_email_id" id="entered_email_id" value="" >
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Multi Location Family</h4>
      </div>
      <div class="modal-body">
        <p>Family is already registered with another location. Would you like to register this family to the current Location, please click submit.</p>
      </div>
      <div class="modal-footer">
         <button type="submit" class="btn btn-primary">@lang('messages.show_family_submit')</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </form>
      </div>
    </div>

  </div>
</div>
<!-- Modal -->
<div class="box-header with-border">
            <h3 class="box-title" style="margin-top:10px;">@lang('messages.add_family')</h3>
</div>
<div class="box-body pad table-responsive">

    {!! Form::open(array('url' => 'admin/families/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-12">
   <div class="form-group">
       <label class="control-label"><h4>@lang('messages.family_information')</h4> </label> 
    </div>
  </div>

  </div>
    <!--<div class="row" style="margin:0px 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">
   <input type="text" name="fmly_name" id="fmly_name" class="form-control required" value="{{ old('fmly_name') }}">
  </div>
  	<div class="col-md-1" style="padding: 5px 0px 0px 0px;"><button class="btn btn-default" onclick="fmly_avail()" style="padding: 0px 0px 0px 0px;">Duplicate Search</button></div>

  </div>-->
   <div class="row" style="margin:10px 0px 0px 0px !important;">
   <div class="col-md-2">
   
   <label class="flright">@lang('messages.first_name')<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="cnt_fname" id="cnt_fname" class="form-control required" value="{{ old('cnt_fname') }}">
  </div>
   <div class="col-md-2">
   
   <label class="flright">@lang('messages.last_name')<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
   <input type="text" name="cnt_lname" id="cnt_lname" class="form-control required" value="{{ old('cnt_lname') }}">
  </div>

  </div>
  
<div class="row" style="margin:10px 0px 0px 0px !important;">
        <div class="col-md-2" style=" padding: 0px 15px 0px 0px;">
   
   <label class="flright" style="font-size: 13.5px;">@lang('messages.relation_to_the_student')<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-3">
  <select name="cnt_type" id="cnt_type" class="form-control required"><option value="">-- @lang('messages.select_contact_type') --</option>
  @foreach($contact_types as $type)
  <option value="{{ $type->cnt_id }}">{{ $type->cnt_type }}</option>
  @endforeach</select>

  </div>    <div class="col-md-2"></div>
<div class="col-md-4">
    <!--<div class="checkbox">
                    <label>
                      <input type="checkbox" name="billing_contact">
                       Billing Contact
                    </label>
                  </div>-->