@extends('student.layout.main')

@section('content')
	<div class = "portion" >
		<div class = "portion-header" >
			Personal Information
			@if(count($subApplicationTypes) == 0)
				<div class = "text-danger pull-right" >
					Admission not open or Last date for apply has been expired.
				</div >
			@endif
		
		</div >
		<div class = "portion-body" >
			<form class = "form-horizontal" onsubmit = "return validatePersonalInfo()" action = " {{ ($isSubmitted)?'':'personal-info' }}"
			      method = "post" >
				{{ csrf_field() }}
				@include('partials.personal-info-form')
				@if(!$isSubmitted && count($subApplicationTypes) >  0)
					<button type = "submit" class = "btn btn-success pull-right" >Save & Next</button >
				@else
					<a href = "{{ url('student/education') }}" class = "btn btn-success pull-right" >Next</a >
				@endif
				<div class = "clear" ></div >
			</form >
		</div >
	</div >

@endsection

@section('script')
	<script >
        var district           = $ ( '#district' ).val ();
        var isResetPreferences = false;

        function validatePersonalInfo () {
            var name             = $ ( '#name' );
            var fatherName       = $ ( '#father-name' );
            var dobDay           = $ ( '#dob-day' );
            var dobMonth         = $ ( '#dob-month' );
            var dobYear          = $ ( '#dob-year' );
            var gender           = $ ( '#gender' );
            var mobile           = $ ( '#mobile' );
            var phone            = $ ( '#phone' );
            var postalAddress    = $ ( '#postal-address' );
            var permanentAddress = $ ( '#permanent-address' );
            var district         = $ ( '#district' );
            var city             = $ ( '#city' );
            return true;
        }

        function showFieldError (field, error) {
            $ ( '#' + field ).addClass ( 'has-warning' );
            notification ( 'error', 'validation error', error );
        }

        function preferenceResetMessage (element, from) {
            @if($applicant)
            if ( ! isResetPreferences ) {
                swal ( {
                           title             : "Are you sure?",
                           text              : "Your preferences will be reset if you change your Application Form.",
                           type              : "warning",
                           showCancelButton  : true,
                           confirmButtonColor: "#DD6B55",
                           confirmButtonText : "Yes, I will be select again!",
                           cancelButtonText  : "No, Cancel it!",
                           closeOnConfirm    : false,
                           closeOnCancel     : false
                       },
                       function (isConfirm) {
                           if ( isConfirm ) {
                               isResetPreferences = true;
                               resetPreferences ();
                               district = $ ( '#district' ).val ();
                           } else {
                               if ( from == 'checkbox' ) {
                                   element.checked = ! element.checked;
                               } else if ( from == 'district' ) {
                                   $ ( "#district" ).val ( district ).trigger ( 'change' );
                               }
                               swal ( "Cancelled", "Your preferences remain as it is. :)", "error" );
                           }
                       } );
            }
	        @endif
        }

        function resetPreferences () {
            axios.post ( "{{url("student/reset-preferences")  }}" )
                 .then ( function (response) {
                     if ( response.status == 200 ) {
                         swal ( "Reset!", response.data.message, "success" );
                     }
                 } )
        }
	</script >
@endsection