@extends('layout.front.front')
@php

use App\Models\Masters\Master_model;

@endphp
<!-- @section('title','Receipt') -->
@push('scripts')
<!--<script src="{{ asset('js/typeahead.js') }}"></script>
<script src="{{ asset('js/bootstrap3-typeahead.min.js') }}"></script

<script src="{{ asset('js/autocomplete.js') }}"></script>-->



<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>

<!-- <script src="{{ asset('js/hcrti/onlineapplication.js')}}"></script> -->
 <!--<script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>-->
 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>-->
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>

<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
@endpush

@push('head')

@endpush

@section('content') 

<br>
<br>
<br>
<div class="container">
    @if (session('status'))

    <div class="alert alert-success alert-dismissible" >
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        {!! session('status') !!}
    </div>
    @elseif(session('failed'))
    <div class="alert alert-danger alert-dismissible" >
        <button type="button" class="btn-close" ddata-bs-dismiss="alert"></button>
        <strong>{{ session('failed') }}	</strong>
    </div>
    @endif
  


<script>
@if (Session::has('success'))

        swal("{{Session::get('success')}}").then(function() {
//window.location = "/project/" + loc;
});
@endif


</script>

 
	  @csrf
	  @if( !empty($results->id)) <input type="hidden" name="id" value="{{ $results->id ?? '' }}"> @endif
	    <div class="card mb-3" id="google_translate_element">
            <div class="card-header bg-dark ">RTI Status</div>
			
            <div class="card-body">
                <div class="row mb-3">
<div id="otp_status"> </div>
<div class="col-sm-3 mb-3 hide_on_info"><label class="control-label" for="txtaddress"><b>Select Court for which information to be sought:</b></label>
<select id="establishment" name="establishment"  class="form-select select2bs4" class="default-select2 form-control" value="{{ $results->est_name ?? old('est_name')}}" required>
<option value="-1">Select Court</option>
<!-- <option   value="1">High Court</option>
<option   value="39">District Court</option> -->
   
            @foreach($locations as $val)
          <option value="{{ $val->id }}">{{$val->est_name}}</option>
          @endforeach

</select>
</div>

<div class="col-sm-3 mb-3 hide_on_info"> <label class="control-label" for="app_id" ><b>RTI Application ID:</b></label>
<input type="text" class="numeric form-control" name='app_id' id='app_id' required style="margin-top: 8%;"/>
</div>
 
<div class="col-sm-3 mb-3 hide_on_info"> <label class="control-label" for="app_year"><b>Select Year</b></label>
<select class="numeric form-select select2bs4" name='app_year' id='app_year' required style="margin-top: 8%;">
<option value="0">Select Year</option>

<option value="2024">2024</option>


<option value="2023">2023</option>


<option value="2022">2022</option>


<option value="2021">2021</option>


<option value="2020">2020</option>


<option value="2019">2019</option>


<option value="2018">2018</option>


<option value="2017">2017</option>


<option value="2016">2016</option>

 
</select>
</div>


<div class="col-sm-3 mb-3 hide_on_info" id="mobile_number_div" style="display:none;color:#1e67a8;"> 

<label class="control-label" for="app_id" ><b> Information About Provided Details</b></label>
<div id="mobile_number_div_content"></div>

</div>

<div class="col-sm-3 mb-3 hide_on_info"> 
<label class="control-label" for="app_id" ><b> Mobile Number</b></label>
<input type="text" class="numeric form-control" name='mobile_number' id='mobile_number' required placeholder="Enter Mobile Number"
style="margin-top: 8%;"/>
</div>

                    
 <div class="col-sm-1 mb-3 hide_on_info">
 <label class="control-label" for="otp" style="display:none;" id="for_otp"><b> Enter OTP </b></label>
 <input type="password" class="form-control" maxlength="4"  id="otp" name="otp" style="display:none;margin-top: 27%" placeholder="Enter OTP"/>
</div>


 <div class="col-sm-1 mb-3 hide_on_info">
 <input type="button"  class="btn btn-sm btn-primary confirm" id="verifyotp" value="CONFIRM OTP"  style="display:none;margin-top: 8%"/>
</div>



 <div class="col-sm-12 mb-3 hide_on_info">
<center> <input type="submit"  id="bsubmit" style="width:80px;background: #085293;color: #fff" class="btn-primary form-control" value="Submit" ></center>
</div>






 </div>
</div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script type="text/javascript">
 
 $(document).ready(function(){

  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('input[name="_token"]').val()
    }
	});	
	
	
	$("#app_year").blur(function(){
var establishment=$("#establishment").val();
var app_id=$("#app_id").val();
var app_year=$("#app_year").val();



$.ajax({
url:"{{ route('onlinerti.rti-status-verify-get-mobile')}}",
method:"POST",
data:"app_id="+app_id+"&app_year="+app_year+"&establishment="+establishment,
success:function(data){
	$("#mobile_number_div").css("display","block");
	$("#mobile_number_div_content").html(data);
}
})

})
	
	
$("#verifyotp").click(function(){
	var otp=$("#otp").val();
	if(otp==""){
		alert("Please enter OTP sent to your mobile");
		return false;
	}
	
	  $.ajax({
   url:"{{ route('onlinerti.rti-status-verify-otp') }}",
   data:"otp="+otp,
   method:"POST",
   success:function(data){
    $("#otp_status").html(data);
    $(".hide_on_info").remove();
   } 
  });
	
	
})
	
$("#bsubmit").click(function(){
	var establishment=$("#establishment").val();
	var app_id=$("#app_id").val();
	var app_year=$("#app_year").val();
	var mobile_number=$("#mobile_number").val();
	if(establishment<0||establishment==""){
		alert("Please select appropriate establishment");
		return false;
	}
	if(app_id==""){
		alert("Please enter appropriate RTI application id");
		return false;
	}
	if(app_year==""||app_year==0){
		alert("Please select appropriate year");
		return false;
	}
	
	  $.ajax({
   url:"{{ route('onlinerti.rti-status-otp') }}",
data:"app_id="+app_id+"&app_year="+app_year+"&establishment="+establishment+"&mobile_number="+mobile_number,
   method:"POST",
   success:function(data){
    $("#otp_status").html(data);
    $("#verifyotp").css("display","block");
    $("#otp").css("display","block");
    $("#for_otp").css("display","block");
	$("#bsubmit").css("display","none");
	
   } 
  });
	
	return true;
	
});	

$(".numeric").keypress(function (e) {
                if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                    $(".errmsg").html("Digits Only").show().fadeOut("slow");
                    return false;
                }
            });
})			
			
</script>


@endsection