@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') !!}
<!-- jQuery Form Validation code -->
<script>
  
  // When the browser is ready...
  $(function() {
  $(".create_form").validate();
  $(".add_form").validate({
  rules: {
   /*    st_cell: {
      required: true,
      phoneUS: true
     } */
	 st_email: {
        validEmail: true
    }
   }
  });
  
    $(".edit_form").validate({
  rules: {
     /*  st_cell: {
      required: true,
      phoneUS: true
     } */
	  st_email: {
        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;
	 }
	});	
		
	
 
  
  </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>

<script>
	function deleteStudent(id) {
              if (confirm('@lang('messages.are_you_sure_you_want_to_delete')')) {
                                       $.ajax({
                                           type: "GET",
                                           url: "{{ URL::to('admin/students/delete') }}" + "/" + id,
                                           success: function(message) {
                                         
										   window.location.href = "{{ URL::to('admin/students') }}";
                                           }
                                        });
				}
                        
              
       }
    </script>
    <script>
	$(document).ready(function()
		{
			$(".red").click(function()
				{
					$(".add_form").trigger("reset");
					$(".edit_form").trigger("reset");
					

				});
		});
	</script>
<!--<div class="row" id="ajaxmaterialdisplayform">

<div class="row">
	<div class="col-md-10">
		<h3>Services List</h3>
	</div>
	<div class="col-md-2">
	<a href="{{ url('admin/services/create') }}" class="btn default pull-right" id="">Add New <i class="fa fa-plus"></i></a>
	</div>
</div>	
<hr>

<!-- End Page Content 
</div>

  
  <br><br>-->

<div class="row">
<div class="col-md-12" style="margin-top: 10px;">
  <div class="col-md-6"></div><div class="col-md-6" style="text-align: right;">

            
                </div>

</div>

</div>

     <div class="modal fade" id="modal-add">
          <div class="modal-dialog" id="fmodal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                  <h4 class="modal-title">@lang('user_messages.add_student')</h4>
				  
                </div>
            {!! Form::open(array('url' => 'admin/students/create', 'class' => 'form-horizontal add_form', 'files' => true )) !!}
					<div class="modal-body">
					
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-4">

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

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

					<label class="control-label">@lang('messages.show_family_name') <span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-6">
					<select name="fmly_name" class="form-control required" id="fmly_name">
					<option value="">-- Select Family --</option>
					@foreach ($family_details 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-4">

					<label class="control-label">@lang('user_messages.show_family_gender')<span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-6">
						 
   <input type="radio" name="st_gender" value="M" checked>&nbsp;@lang('user_messages.male')
   <input type="radio" name="st_gender" value="F">&nbsp;@lang('user_messages.female')

					</div></div><br>
					<div class="row" style="margin:0px 0px 0px 0px !important;">
					<div class="col-md-4">

					<label class="control-label">@lang('user_messages.dob')<span class="required" aria-required="true">* </span></label>  
					</div>
					<div class="col-md-6">
					
 <input type="text" name="st_dob" id="st_dob" class="form-control required" value="{{ old('st_dob') }}">
					
					</div></div><br>
					
					<div class="row" style="margin:0px 0px 0px 0px !important;">
				 <div class="col-md-4">
      <label class="control-label">@lang('user_messages.grade_level')<span class="required" aria-required="true">* </span>
	  </label>  
  </div><div class="col-md-6 input_container">
  <select name="st_grade_lvl" id="st_grade_lvl" class="form-control required">
  <option></option>
  @foreach($grade_levels as $grade)
  <option value="{{ $grade->grade_id }}">{{ $grade->grade_name }}</option>
  @endforeach
  </select>
  </div> 
  </div><br>
  
  
  
					<div class="row">
					<div class="col-md-3">
					<p>&nbsp; </p>
					</div>
					<div class="col-md-9"> {!! Form::submit(trans('messages.save'), ['class' => 'btn btn-primary']) !!}

					&nbsp; 
					<!-- <a href="#" class="btn btn-default btn red" data-dismiss="modal" aria-hidden="true">Cancel</a>  -->
					<button type="button btn btn-default"  data-dismiss="modal" aria-hidden="true" class="btn btn-default red">@lang('user_messages.cancel')</button>
				</div>
					</div>
					</div>
                {!! Form::close() !!} </div>
            </div>
          <!-- /.modal-dialog -->
        </div>
		
		
<div class="row" id="ajaxmaterialdisplayform">
  <div class="col-md-12" id="admin-mobile-gap-alignment">
    <div class="box">
      <div class="box-header">
        <div class="row">
          <div class="col-md-7">
            <h3>@lang('user_messages.Missing_students_emergency_contact_info')</h3>
          </div>
		  
          <div class="col-md-5">
          	<div class="btn-group" style="position: relative;top: 10px;float: left">
    		  {{ Form::open(array('url' => 'admin/student/report', 'method' => 'POST', 'style' => 'float: left;')) }}
    		  <input type="hidden" name="type" value="0">
			  <button type="submit" class="btn btn-primary">All Classes</button>
			  {{ Form::close() }}
			  {{ Form::open(array('url' => 'admin/student/report', 'method' => 'POST', 'style' => 'display: inline;')) }}
    		  <input type="hidden" name="type" value="1">
			  <button type="submit" class="btn ">Current Classes</button>
			  {{ Form::close() }}
          	{!! Form::close() !!}

          	<div class="<!--col-md-2-->" style="float: right!important;" > 

  <a data-toggle="modal" data-target="#waitlist_enrollment_mail"  class="btn btn-primary" style="margin:0px 0px 0px 6px"><i class="fa fa-envelope"></i> @lang('user_messages.email')</a> 
          	</div> 

          </div>
         </div>

          <!-- email success popup -->
                <!-- email popup -->
        <div id="waitlist_enrollment_mail" class="modal fade" role="dialog">
          <div class="modal-dialog modal-lg">

            <!-- Modal content-->
            <div class="modal-content">

              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><i class="fa fa-envelope"></i> @lang('user_messages.email')</h4>
              </div>
              <div class="modal-body">
                <div class="form-group">
                
                </div>


                <form method="post" id="temp_form" action="{{url('send/incomplete_families')}}" enctype="multipart/form-data">
                  {{ csrf_field() }}
				<input type="hidden" name="checked_emails" id="checked_emails" >
                  <div class="form-group">
                    <label>Email Subject</label>

                    <input type="text" name="subject" class="form-control required" id="subject" placeholder="Subject:"  > 
                 
               
                  </div>

                  <div class="form-group">
                    <label>Email Body</label>
                    <textarea  id="editor" name="template" rows="10" cols="20" class="form-control required" placeholder="Your Message here:"></textarea>
                  </div>


                   <div class="form-group">
                    <input type="checkbox" name="to_admin" value="1">&nbsp;<label>Send a Copy to Admin ?</label>
                   
                  </div>

                  




                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-primary">@lang('user_messages.send')</button>

                </form>
                <button type="button" class="btn btn-default" data-dismiss="modal">@lang('user_messages.close')</button>
              </div>
            </div>

          </div>
        </div>


        <!-- email popup end-->
      </div>