@include('include.auth-header')
 <style>
     .nk-auth-container {
        width: 100%;
    }
    .col-md-6{
        float: left;
    }
    .nk-auth-body, .nk-auth-footer {
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .form-group{
        position: inherit;
        
    }
    .form-height{
        height: 100px;
    }
    .form-control, div.dataTables_wrapper div.dataTables_filter input, .dual-listbox .dual-listbox__search{
            border: 1px solid #6a6b6c;
    }
    select{
        height: 44px !important;
    }
 </style>
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                            <h5 class="nk-block-title text-center text-white">Register</h5>
                            <div class="nk-block-des">
                                <p class="center text-white">Create New {{env('APP_NAME')}} Account</p>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->

 @php
 $refcode= Request::get('ref') ;
 @endphp

                    <form action="{{ route('postuserregister') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                {{-- <input type="hidden" name="user_type" id="user_type1" value="suvidha_kendra"> --}}
                                <div class="form-group">
                                    <label class="form-label text-white" for="user_type">Select User Type</label>
                                    <div class="form-control-wrap">
									@if($refcode !='')
										 <input type="text" class="form-control" name="user_type" id="user_type" value="" readonly required>
									@else
                                        <select onchange="defaultid(this.value)" class="form-control form-select @error('user_type') error @enderror" name="user_type" id="user_type" data-search="on">
                                            <option value="" selected>Select User Type</option>
                                           <!-- <option value="partner" @if(old('user_type')=="partner"){{ 'selected' }}@endif>Partner</option>-->
                                            <option value="franchise" @if(old('user_type')=="franchise"){{ 'selected' }}@endif>Franchise</option>
                                            <option value="suvidha_kendra" @if(old('user_type')=="suvidha_kendra"){{ 'selected' }}@endif>Suvidha Kendra</option>
                                            <option value="user" @if(old('user_type')=="user"){{ 'selected' }}@endif>User</option>
                                        </select>
                                        @error('user_type')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                  
									@endif
									  </div>
                                </div>
                            </div>

                            <div class="col-md-6" id="employee_id_div" style="display:none;">
                                <div class="form-group">
                                    <label class="form-label text-white" for="employee_id">Employee User Id</label>
                                    <input type="text" name="employee_id" class="form-control" placeholder="Enter employee id" value="{{ old('employee_id') }}">
                                </div>
                            </div>
                        {{-- </div>
                        <div class="row"> --}}
                            <input type="hidden" name="referral_id2" id="referral_id2" value="GT5041">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label text-white" for="referral_id">Referal Id</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="referral_id" class="form-control @error('referral_id') error @enderror" id="referral_id" placeholder="Enter Referal Id" value="{{ old('referral_id') ?? Request::get('ref') ?? '' }}" onblur="getRefDetail(this.value)" />
                                        @error('referral_id')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
										 <p id="refname"></p>		
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" id="pan_no_div">
                                <div class="form-group">
                                    <label class="form-label text-white" for="pan_no">PAN Number</label>
                                    <div class="form-control-wrap">
                                        {{-- <input type="text" name="pan_no" class="form-control @error('pan_no') error @enderror" placeholder="Enter PAN number" value="{{ old('pan_no') }}" onblur="PanValidate(this.value)"> --}}
                                        <input type="text" name="pan_no" class="form-control" placeholder="Enter PAN number" value="{{ old('pan_no') }}">
                                        @error('pan_no')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                        <p class="text-danger" id="pan_error"></p>
                                    </div>
                                </div> 
                            </div>
                        {{-- </div>
                        <div class="row"> --}}
                            <div class="col-md-6" id="name_div">
                                <div class="form-group">
                                    <label class="form-label text-white" for="name">Name</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="name" class="form-control @error('name') error @enderror" id="name" placeholder="Enter your name" value="{{ old('name') }}" >
                                        @error('name')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror   
                                      								
                                    </div>
                                </div>
                            </div>
							 <div class="col-md-6" id="last_name_div" style="display:none;">
                                <div class="form-group">
                                    <label class="form-label text-white" for="last_name">Last Name</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="last_name" class="form-control @error('last_name') error @enderror" id="last_name" placeholder="Enter your last name" value="{{ old('last_name') }}" >
                                        @error('last_name')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror   
                                      								
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" id="father_name_div" style="display:none;">
                                <div class="form-group">
                                    <label class="form-label text-white" for="father_name">Father Name</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="father_name" id="father_name" class="form-control @error('name') error @enderror" placeholder="Enter your name" value="{{ old('father_name') }}">
                                        @error('father_name')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror                            
                                    </div>
                                </div>
                            </div>
                        {{-- </div>         
                        <div class="row"> --}}
                            <div class="col-md-6" id="email_div">
                                <div class="form-group">
                                    <label class="form-label text-white" for="email">Email</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="email" class="form-control @error('email') error @enderror" id="email" placeholder="Enter your email address or username" value="{{ old('email') }}" >
                                        @error('email')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label text-white" for="phone">Phone</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="phone" class="form-control @error('phone') error @enderror" id="phone" placeholder="Enter your phone" value="{{ old('phone') }}" maxlength="10" required>
                                        @error('phone')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>
							 <div class="col-md-6" id="dob_div" style="display:none;">
                                <div class="form-group">
                                    <label class="form-label text-white" for="dob">DOB</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="dob" class="form-control @error('dob') error @enderror" id="dob" placeholder="Enter your dob" value="{{ old('dob') }}" >
                                        @error('dob')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>
							<div class="col-md-6" id="gender_div">
                                <div class="form-group" >
                                    <label class="form-label text-white" for="gender">Gender</label>
                                    <div class="form-control-wrap">
                                         <select class="form-control" name="gender" id="gender" >
                                            <option value="Male">Male</option>
											<option value="Female">Female</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        {{-- </div>
                        <div class="row"> --}}
                            <div class="col-md-6" id="pin_div">
                                <div class="form-group">
                                    <label class="form-label text-white" for="pin">Pin Code</label>
                                    <div class="form-control-wrap">
                                        <input type="text" name="pin" class="form-control  @error('pincode') error @enderror" id="pin" placeholder="Enter pin Code" value="" onkeyup="getPostOffice(this.value)" onblur="changeAddress(this.value)" >
                                        @error('pin')
                                        <p class="text-danger">{{ $message }}</p>
                                        @enderror
                                        <p class="text-danger" id="pin_error"></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" id="city_div">
                                <div class="form-group">
                                    <label class="form-label text-white" for="email">Select Town/City</label>
                                    <div class="form-control-wrap">
                                        <select class="form-control" name="post_office" id="post_office" onchange="changeAddress()">
                                            <option></option>
                                        </select>
                                        
                                        <input type="hidden" name="city" value="" id="city">
                                        <input type="hidden" name="state" value="" id="state">
                                        <input type="hidden" name="country" value="" id="country">
                                        
                                        <input type="hidden" name="latitude" id="latitude" value="">
                                        <input type="hidden" name="longitude" id="longitude" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" id="address_div">
                            <label class="form-label text-white" for="email">Write full address</label>
                            <div class="form-control-wrap">
                                <textarea class="form-control @error('address') error @enderror" name="address" id="address" rows="3" style="min-height: 85px;" >{{ old('address') }}</textarea>
                    
                                @error('address')
                                <p class="text-danger">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <br>
                        <div class="form-group">
                            <div class="custom-control custom-control-xs custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="checkbox" required>
                                <label class="custom-control-label text-white" for="checkbox">I agree to {{ env('APP_NAME') }} <a tabindex="-1" href="javascript:void(0)">Privacy Policy</a> &amp; <a tabindex="-1" href="javascript:void(0)"> Terms.</a></label>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-lg btn-primary btn-block">Register</button>
                        </div>
                    </form>






                    <div class="form-note-s2 pt-4 text-white"> Already have an account ? <a href="{{route('userlogin')}}"><strong>Sign in instead</strong></a>
                    </div>
                    <div class="text-center pt-4 pb-3">
                        <!--<h6 class="overline-title overline-title-sap"><span>OR</span></h6>-->
                    </div>
                    <ul class="nav justify-center gx-8">
<!--                        <li class="nav-item"><a class="nav-link" href="#">Facebook</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Google</a></li>-->
                    </ul>
                </div><!-- .nk-block -->
                
                
                    <div class="mt-3">
                        <p class="center text-white">&copy; 2021 {{env('APP_NAME')}}. All Rights Reserved.</p>
                    </div>
                </div><!-- .nk-block -->
            </div><!-- .nk-split-content -->
           
        </div><!-- .nk-split -->
    </div><!-- app body @e -->
    <!-- JavaScript -->
    <script src="{{asset('assets/js/bundle.js')}}"></script>
    <script src="{{asset('assets/js/scripts.js')}}"></script>
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#dob" ).datepicker({ dateFormat: 'dd-mm-yy' });
  } );
  </script>
</body>

</html>
 

<script> 
    function getRefDetail(refid)
	{
		if(refid !='')
		{
		 var url = "{{ url('get-referral') }}"+'/'+refid;		 
		 $.ajax({
            type: "GET",
            url: url,
            dataType: 'json',
            success: function(response) {
                console.log(response);
              
                if (response.status == "1") {
                   $('#refname').html('<span style="color: #f5f6fa;">'+response.name+'</span>');
                   				   
                    $('#user_type').val(response.slug);
					$('#select2-user_type-container').html(response.rolename);	
                    defaultid(response.slug);					

                } else {
                    $('#refname').html('<span style="color: #ef1806;">'+response.message+'</span>');
                }
            }
        });
		}else{
			 $('#refname').html('');
		}
		
	}
	
    function getPostOffice(m_pincode) {
        //var pin_select = ('#pinaddress').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + m_pincode,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    var len = PostOffice.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    $('#pin_error').html("");
                    $('#post_office').html(option);

                    $("#post_office").on("click", function() {

                    });
                    document.getElementById('post_office').click();

                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html("");
                }
            }
        });
    }

    function changeAddress() {
        var pin             = $('#pin').val();
        var post_office     = $('#post_office').val();
        $.ajax({
            type: "GET",
            url: "https://api.postalpincode.in/pincode/" + pin,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                var pin_select_status = 0;
                var option = '';
                if (response[0].Status == "Success") {
                    var PostOffice = response[0].PostOffice;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < PostOffice.length; index++) {
                        if (post_office == PostOffice[index].Name) {
                            pin_select_status   = 1;
                            $('#city').val(PostOffice[index].District);
                            $('#state').val(PostOffice[index].State);
                            $('#country').val(PostOffice[index].Country);
                        }
                        option += "<option value='" + PostOffice[index].Name + "'>" + PostOffice[index].Name + ", " + PostOffice[index].District + ", " + PostOffice[index].State + "</option>";
                    }
                    if (pin_select_status == 0) {
                        $('#pin_error').html("Error Please re-select address.");
                        $('#post_office').html(option);
                    } else {
                        $('#pin_error').html('');
                    }
                } else {
                    $('#pin_error').html(response[0].Message);
                    $('#post_office').html('');
                }
            }
        });
    }

    function PanValidate(panVal) {
        var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;

        if(regpan.test(panVal)){
            // valid pan card number
            $('#pan_error').html('');
            var url = "{{ url('pan_validate') }}";

            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                type: "POST",
                data: {
                    'pan': panVal
                },
                dataType: 'json',
                context: this,
                success: function(result) {
                    if(result.message=="PAN verified successfully"){
                        $('#name').val(result.registered_name);
                        $('#father_name').val(result.father_name);
                    } else {
                        $('#name').val('');
                        $('#father_name').val('');
                        $('#pan_error').html(result.message);
                    }
                    console.log(result);
                },
                error: function(error) {
                    console.log(error.responseText);
                }
            });
        } else {
            $('#pan_error').html('invalid pan card number');
        }
    }


    function defaultid(user_type) {
		var refid='';
		
        if(user_type=="partner"){
			if(refid=='')
			{
             document.getElementById('referral_id').value = 'GT2002';
			// getRefDetail('GT2002');
			}
			
        } else if(user_type=="franchise"){
			if(refid=='')
			{
            document.getElementById('referral_id').value = 'GT4959';
			//getRefDetail('GT4959');
			}
		//	document.getElementById('employee_id_div').style.display='block';
            document.getElementById('pan_no_div').style.display='block';
          //  document.getElementById('father_name_div').style.display='block';
            document.getElementById('address_div').style.display='block';
			document.getElementById('gender_div').style.display='block';
		   document.getElementById('pin_div').style.display='block';
        } else if(user_type=="suvidha_kendra"){
			if(refid=='')
			{
              document.getElementById('referral_id').value = 'GT5041';
			//getRefDetail('GT5041');
			}
			//document.getElementById('employee_id_div').style.display='block';
            document.getElementById('pan_no_div').style.display='block';
          //  document.getElementById('father_name_div').style.display='block';
           document.getElementById('address_div').style.display='block';
		   document.getElementById('gender_div').style.display='block';
		   document.getElementById('pin_div').style.display='block';
		   document.getElementById('city_div').style.display='block';
		   //document.getElementById('dob_div').style.display='block';
		   document.getElementById('email_div').style.display='block';
		   document.getElementById('name_div').style.display='block';
		  // document.getElementById('last_name_div').style.display='block';
		   
		   
        } else if(user_type=="user"){
			if(refid=='')
			{
              document.getElementById('referral_id').value = 'GTSK11121';
			//getRefDetail('GTSK11121');
			}
            document.getElementById('employee_id_div').style.display='none';
            document.getElementById('pan_no_div').style.display='none';
            document.getElementById('father_name_div').style.display='none';
			if(refid!='')
			{
				document.getElementById('address_div').style.display='none';
				document.getElementById('gender_div').style.display='none';
				document.getElementById('pin_div').style.display='none';
				document.getElementById('city_div').style.display='none';
				document.getElementById('dob_div').style.display='none';
				document.getElementById('email_div').style.display='none';
				document.getElementById('name_div').style.display='none';
				document.getElementById('last_name_div').style.display='none';
			}
			
			
        } else {
            document.getElementById('referral_id').value = '';
			
        }
    }

    // NioApp.Toast('This is a note for top right toast message.', 'info', {
    //   position: 'top-right'
    // });
    
    // NioApp.Toast('<h5>Update Successfully</h5><p>Your profile has been successfully updated.</p>', 'success');

    // var url = "";
    // Swal.fire({
    //     title: "Registration Successfull!",
    //     html: "Your User Id is <h4>user->user_id</h4> and Password is <h4>password</h4> <h5><a href='"+url+"'> Click here to Login </a></h5>",
    //     icon: "success",
    //     showCancelButton: true,
    //     showCloseButton: true,
    // });
</script>
<script>
    // alert(document.cookie);
    getLocation();
    function getLocation() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
        alert("Geolocation is not supported by this browser.");
      }
    }
    
    function showPosition(position) {
        
      document.getElementById("latitude").value=position.coords.latitude;
      document.getElementById("longitude").value=position.coords.longitude;
      sessionStorage.setItem("latitude", position.coords.latitude);
      sessionStorage.setItem("longitude", position.coords.longitude);
    }
    </script>
@php
 
 
 if($refcode)
 {
	 @endphp
	 <script>getRefDetail('')</script>
    @php	 
	 
 }
 @endphp