@extends('layouts.default')
@push('scripts')
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> -->
<script src="/assets/plugins/sweetalert/dist/sweetalert2@11.js"></script>

@endpush

@section('content') 
<form>
  @csrf
  <div class="row">
        <!--Grid column-->
        <div class="col-md-1"></div>
        <div class="col-md-10 mb-5">
  <div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Application Status</h4>
  </div>
  <div class="panel-body">

                <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-2" style="text-align:right;"><label for="anrno" class=""><span>ANR No.</span></label></div>
                <div class="col-md-2">
                  <div class="md-form">
                        
                            <input type="text" id="anrno" name="anrno" class="form-control form-control-sm @error('anrno') is-invalid @enderror" value='{{ old("anrno") }}'/>
                            
                    @error('anrno')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                  </div>
                <div class="col-md-2"  style="text-align:right;"><label for="anryr" class=""><span>ANR Year</span></label></div>
                <div class="col-md-2">
                  <div class="md-form">
                        
                            <select  id="anryr" name="anryr" class="form-select @error('anryr') is-invalid @enderror">
@for($i=date('Y');$i>=1950;$i--)
<option value='{{$i}}'>{{$i}}</option>
@endfor
</select>
                            
                    @error('anryr')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                  </div>
                <div class="col-md-2">
                <div class="md-form">
               
                <button type="button" name="show" id="show" class="btn btn-primary">Show</button>

</div>
                </div>
                <div class="col-md-1"></div>

</div>
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>

</form>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
<div id="closediv">
</div>
</div>
<div class="col-md-1"></div>
</div>



@endsection
@push('scripts')
<script>
$(document).ready(function(){
  $(document).on("click", '#show', function () {
var getUrl = "{{ url('get_application_data') }}";
$.get(getUrl, { 
                 "anr_no": $('#anrno').val(), "anr_year": $('#anryr').val() }) 
                 .done(function(data, status)  
                {
                    if(data.errors || data.failed){
                      $("#closediv").html('');

                      Swal.fire({
        icon: 'error',
        title: 'Error',
        text: data.failed,
        timer: 3000,
        timerProgressBar: true
      });
                    }else{


var url="/anr_status/"+data+"/status";
                      $.get(url) 
                 .done(function(data1, status)  
                {
                    if(data1.errors || data1.failed){
                      $("#closediv").html('');
                      Swal.fire({
        icon: 'error',
        title: 'Error',
        text: data1.failed,
        timer: 3000,
        timerProgressBar: true
      });
                    }else{
                      
                      $("#closediv").html(data1);
                    }
                }); 



                      // $("#closediv").html(data);
                    }
                });  
       
          });
     

          $(document).on("click", '.panel-heading', function (ev) {
        ev.stopPropagation();
        $(this).find('a.plusMinus').click();
    });
    $(document).on("click", '.plusMinus', function (ev) {
    ev.stopPropagation();
});

        });
        </script>
        @endpush