@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') 


<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 ">Copying  Status</div>
			
            <div class="card-body">
                <div class="row mb-3">

<div class="col-sm-3 mb-3 hide_on_info"> <label class="control-label" for="app_id" ><b>From </b></label>
<input type="date" class="numeric form-control" name='from_date' id='from_date' required style="margin-top: 8%;"/>
</div>

<div class="col-sm-3 mb-3 hide_on_info"> <label class="control-label" for="app_id" ><b>To </b></label>
<input type="date" class="numeric form-control" name='to_date' id='to_date' 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 Transaction Status</b></label>
<select class="numeric form-select select2bs4" name='status' id='status' required style="margin-top: 8%;">
<option>Select Status</option>
<option value="1">Success</option>
<option value="0">Failed</option>
<option value="2">All</option>

</select>
</div>

<div class="col-sm-3 mb-3 hide_on_info"> <label class="control-label" for="app_year"></label>
<input type="submit"  id="bsubmit" style="width:80px;background: #085293;color: #fff; margin-top:22px;" class="btn-primary form-control" value="Submit" >
</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-12 mb-3">
<div id="otp_status"> </div>
</div>






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


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script type="text/javascript">
function checkStatus(module_id){
	alert("module_id is ="+module_id);
}

 
 $(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 from=$("#from_date").val();
	var to=$("#to_date").val();
	var status=$("#status").val();
	
	  $.ajax({
   url:"{{ route('copying-transactions-status') }}",
   data:"from="+from+"&to="+to+"&status="+status,
   method:"POST",
   success:function(data){
    $("#otp_status").html(data);

	
   } 
  });
	
	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