@extends('layouts.default', ['appTopMenu' => true])

@php
use App\Http\Controllers\hcrti\hcrti;
use App\Models\hcrti\Erti_model;
use App\Models\Masters\Master_model;
@endphp



@push('scripts')

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

<script src="{{ asset('js/hcrti/application.js')}}"></script>

 <meta name="csrf-token" content="{{ csrf_token() }}" />
 <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
 

<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>
<script src="/assets/plugins/ckeditor/ckeditor.js"></script>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans&subset=devanagari" rel="stylesheet">

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

<script>

//CKEDITOR.replace('editor1');

			// Counter for row numbers
			var counter = 1;
	
		
		$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});





  $("#username").autocomplete({
    source: function(query, result)
  {
   $.ajax({
    url:"../auto_user",
    method:"POST",
    data:{query:query},
    dataType:"json",
    success:function(data)
    {
     result($.map(data, function(item)
	 {
      return item;
     }));
    }
   })
  }
  });



$("#related_to_section").autocomplete({
    source: function(query, result)
  {
   $.ajax({
    url:"../GetRelatedToSection",
    method:"POST",
    data:{query:query},
    dataType:"json",
    success:function(data)
    {
     result($.map(data, function(item)
	 {
      return item;
     }));
    }
   })
  }
  });


 
 
/* $("#ddnstype").change(function()
{
var type=$("#ddnstype").val();
var datastring="type="+type+"&insert=Submit+Query";
//alert(datastring);
$.ajax({
type: "POST",
url: "/hcrti/GetNotesheetType/",
data: datastring,
success:function(msg)
{
if(msg==4)
{
$("#nsheetType0").hide();	
$("#nsheetType4").show();
}
}
})
return false;	 
}); */






function insert_correction_pdf(str,aid)
{ 
 var sp_idd= str.split('btn_pdf') ;


    var isValid = /\.pdf$/i.test(document.getElementById('pdf_file'+sp_idd[1]).value);
   var pdf_file= document.getElementById('pdf_file'+sp_idd[1]).value
   
   
   myfile=$('#pdf_file'+sp_idd[1]).val(); 
   
   
    if(myfile=='')
        {
            alert("Please Browse file");
			document.getElementById("pdf_file"+sp_idd[1]).focus(); 
              return false;
        }
    

 var ext = myfile.split('.').pop();       
            
 if(ext!="pdf")
     {
         alert('Only pdf files allowed');
      return false;
     } 
     
  
     
       
       
      
//            alert(fil_name);
             var data = new FormData();
         
//                fil_name.push($('#upd_file').get(0).files[i].name);
                 data.append('file', $('#pdf_file'+sp_idd[1]).get(0).files[0]);
         
		/*  var aid=$('#aid').val();
		 var nid=$('#nid').val(); */
       
        
		data.append('aid',aid);
		
       
       
      
        $.ajax({
            url: "/hcrti/upload_corrected_pdf",
            cache: false,
            async: true,

            processData: false,
            contentType: false,
            data: data,
            enctype: 'multipart/form-data',
            type: 'POST',
            success: function(data) 
			{
				//$("#dataTables-example").html(data);
			//alert(data);
			 location.reload(true); 
			
            $("#pdf_file").val("")
			},
            error: function(xhr) {
                alert("Error: " + xhr.status + " " + xhr.statusText);
            }

        });
        
      }





$("#ddnstype").change(function()
{  
	
var type=$("#ddnstype").val();
var lang=$("#lang").val();


var datastring="type="+type+"&insert=Submit+Query";
//alert(type);
if(lang==0)
{
if(type==0)
{
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng0').$.style.display = 'block';
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng1').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng2').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng3').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng4').$.style.display = 'none';

}
if(type==1)
{
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng1').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng4').$.style.display = 'none';	


 $('#templates').hide();
}
if(type==2)
{
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng2').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng1').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng4').$.style.display = 'none';	


 $('#templates').hide();
}
if(type==3)
{
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng3').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng1').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng4').$.style.display = 'none';	
//document.getElementById('templates').style.display = 'block';


 $('#templates').show();
}
if(type==4)
{
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng4').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetTypeEng1').$.style.display = 'none';	


 $('#templates').hide();
}
}
else
{
if(type==0)
{



CKEDITOR.instances.editor1.document.getById('nsheetType0').$.style.display = 'block';
CKEDITOR.instances.editor1.document.getById('nsheetType1').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetType2').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetType3').$.style.display = 'none';
CKEDITOR.instances.editor1.document.getById('nsheetType4').$.style.display = 'none';
}
if(type==1)
{


CKEDITOR.instances.editor1.document.getById('nsheetType1').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetType0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType4').$.style.display = 'none';
 $('#templates').hide();
}
if(type==2)
{


CKEDITOR.instances.editor1.document.getById('nsheetType2').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetType0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType1').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType4').$.style.display = 'none';
 $('#templates').hide();
}
if(type==3)
{

//document.getElementById('templates').style.display = 'block';

CKEDITOR.instances.editor1.document.getById('nsheetType3').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetType0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType1').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType4').$.style.display = 'none';
 $('#templates').show();
}
if(type==4)
{


CKEDITOR.instances.editor1.document.getById('nsheetType4').$.style.display = 'block';	
CKEDITOR.instances.editor1.document.getById('nsheetType0').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType2').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType3').$.style.display = 'none';	
CKEDITOR.instances.editor1.document.getById('nsheetType1').$.style.display = 'none';
 $('#templates').hide();
}	
}	




return false;	 
}); 


/* $('input[name="chkdfile[]"]').on('click', function() 
{
var ids = [];	

 $('input[name="chkdfile[]"]').each(function() {
        if($(this).is(':checked')) {
            ids.push($(this).val());
        }
    });
	
 $.ajax({
        type: "POST",
        url: "../get_file_content",
        data: {ids: ids},
        success: function(response) 
		{
            alert(response.contents);
          CKEDITOR.instances.editor1.insertHtml(response.contents);
        },
        error: function(response) {
            console.log('Error:', response);
        }
    });
}); */	


/* $(':checkbox').click(function() 
{
var lang=$("#lang").val();	
// Get the value of the clicked checkbox
var checkboxValue = $(this).val();
 var editorContent = CKEDITOR.instances.editor1.getData();
 var editor = CKEDITOR.instances.editor1;

				// Create a new row in a table and append it to the editor content
				var tableRow = '<tr><td>' + counter + '</td><td>' + checkboxValue + '</td></tr>';
				var tableHtml = '<table>' + tableRow + '</table>';
				counter++;
				
				var tempElement = $('<div>').html(editor.getData() + tableHtml);

    // Get the desired location in the editor content
	
    var location = tempElement.find('#checklist');
	
    // If the desired location exists, insert the updated table HTML at that location
    if (location.length) {
        location.before(tableHtml);
        editor.setData(tempElement.html());
    } else {
        // If the desired location doesn't exist, just append the updated table HTML to the editor content
        editor.setData(editor.getData() + tableHtml);
    }
				
				
}); */
	
 
$('.ids').click(function() 
{
var lang=$("#lang").val();

var aid=$("#aid").val();
//var editor = CKEDITOR.instances.editor1;



$.ajax({
    url: "../checklist",
    type: "post",
    data: $('.ids:checked').serialize()+ '&aid='+aid,
    success: function(data) 
	{
            // Insert the HTML content into the div element inside the CKEditor instance
            var editor = CKEDITOR.instances['editor1'];
			if(lang==0)
			{
            var element = editor.document.getById('checklist_result');
			}
			else
			{
			 var element = editor.document.getById('checklist_result_hn');	
			}
			 element.setHtml(data);
      },
        error: function(xhr) 
		{
            // Handle any errors
        }

    
});


});   





 function printElem(result)
 {
	 $("#notesheet_sent_history").hide();
            //Get the HTML of div
           // var divElements = document.getElementById(result).innerHTML;
			var divContents = document.getElementById("result").innerHTML;
            //Get the HTML of whole page
            var printWindow = window.open('', '', 'height=2000,width=4000');
       printWindow.document.write('<html><head><title>Print DIV Content</title>');
       printWindow.document.write('</head><body >');
       printWindow.document.write(divContents);
       printWindow.document.write('</body></html>');
       printWindow.document.close();
       printWindow.print();

          
        }

		</script>
		
		
<style>
        .blinking {
            animation: blinker 1s linear infinite;
			color:red;
			font-weight:bold;
        }

        @keyframes blinker {
            10% {
                opacity: 0;
				
            }
        }
    </style>		
		
<style>
body {
  font-family: "Noto Sans Devanagari", sans-serif;
}
</style>	
		

@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
   <div id="validation-errors"></div>
                    @if(session('success'))
                    <center><div class="alert alert-success message_box" id="message_box">{{session('success')}}</div></center>
                    @endif
                    @if(session('error'))
                    <center><div class="alert alert-danger message_box" id="message_box">{{session('error')}}</div></center>
                    @endif




     </div>



<section class="mb-4">
<h1 class="page-header p-2">Details <small>View & Compliance</small></h1>
<div class="row">
<div class="col-sm-12">    
<div class="note note-primary">
<div class="note-content">

<h6><b>Application RTI  No.: 

@foreach($result as $row) 


<b>{{$row->app_id}}/{{$row->app_ent_year}}</b>
&nbsp;&nbsp; @if($row->apl_status == 'P') <span style="color:lightyellow;">Pending</span>@elseif($row->apl_status == 'D') <span style="color:lightyellow;">Disposed </span>@endif</span>
</b><input type="button" value="Print" id="print" onclick="printElem('result')" class="btn btn-primary" /></h6>
  </div> 
</div>


</div>
</div>
   
<div id="result">

<div class="panel panel-inverse">
    <div class="panel-heading" style="cursor:pointer">
    <h4 class="panel-title">Detail of RTI APPEAL</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger plusMinus" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body" >
        <div class="row">
        <div class="table-responsive" id='dv_result'>
<table class="table table-bordered fs-12px">
 <thead>
<tr><th>Appeal ID/Year</th><th>Receiving Date</th><th>Appl. Date</th><th>Name</th><th>Father name</th><th>Age (Year)</th><th>Occupation</th><th>Address</th><th>Email</th><th>Mobile</th><th>Online/Offline</th><th>Received From</th></tr>
<tr id="tr_sn0"><td>{{$result2->appeal_id}}/1970</td><td>{{hcrti::DateToDMY($row->app_ent_date)}}</td>
<td>{{$result2->entry_date}}</td><td>{{$row->name}}</td><td>{{$row->f_name}}</td><td>{{$row->age}}</td><td>{{$row->occupation}}</td>
<td>,  ,, </td><td>{{$row->email}}</td><td>{{$row->mobile}}</td>
<td>@if($row->online == '0')
Offline
@else
Online
@endif</td>
<td>

@if($row->rec_from == '0')Personally From Applicant @endif
@if($row->rec_from == '1')Receipt Section @endif
@if($row->rec_from == '2')Post @endif
@if($row->rec_from == '3')Other Section of this High Court @endif
@if($row->rec_from == '4')Other Department (U/s 6(3)) @endif
@if($row->rec_from == '5')By Other Person @endif


</td>
</tr>
<tr><th colspan=10>Grounds of Appeal</th><th>Was Information Delivered within 30 days</th><th>Applicant is not satisfied with Response by SPIO </th><th>Info. Period</th><th>Other Detail</th></tr>
<tr><td colspan=10>{{$result2->grounds_of_appeal}}</td>
<td>Yes</td><td>Yes<td></td><td>{{$row->info_period}}</td><td>{{$row->other_detail}}</td></tr>
</thead>


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



<div class="panel panel-inverse" id="notesheet_sent_history">
    <div class="panel-heading" style="cursor:pointer">
    <h4 class="panel-title">Documents of Authorized Person</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger plusMinus" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body">
       
<table class="table table-bordered fs-12px">
 <thead>
 </thead>


</table>


 <div class="panel panel-inverse">
    <div class="panel-heading" style="cursor:pointer">
    <h4 class="panel-title">General Information of Applicant</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger plusMinus" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body" >
        <div class="row">
        <div class="table-responsive" id='dv_result'>
<table class="table table-bordered fs-12px">
 <thead>
<tr><th>ID/Year</th><th>Receiving Date</th><th>Appl. Date</th><th>Name</th><th>Father name</th><th>Age (Year)</th><th>Occupation</th><th>Address</th><th>Email</th><th>Mobile</th><th>Online/Offline</th><th>Received From</th></tr>
<tr id="tr_sn0"><td>{{$row->app_id}}/{{$row->app_ent_year}}</td><td>{{hcrti::DateToDMY($row->app_ent_date)}}</td>
<td>{{hcrti::DateToDMY($row->app_date)}}</td><td>{{$row->name}}</td><td>{{$row->f_name}}</td><td>{{$row->age}}</td><td>{{$row->occupation}}</td>
<td>,  ,, </td><td>{{$row->email}}</td><td>{{$row->mobile}}</td>
<td>@if($row->online == '0')
Offline
@else
Online
@endif</td>
<td>

@if($row->rec_from == '0')Personally From Applicant @endif
@if($row->rec_from == '1')Receipt Section @endif
@if($row->rec_from == '2')Post @endif
@if($row->rec_from == '3')Other Section of this High Court @endif
@if($row->rec_from == '4')Other Department (U/s 6(3)) @endif
@if($row->rec_from == '5')By Other Person @endif


</td>
</tr>
<tr><th colspan=10>Information Required</th><th>Info. Period</th><th>Other Detail</th></tr>
<tr><td colspan=10>{{$row->info_req1}}</td><td>{{$row->info_period}}</td><td>{{$row->other_detail}}</td></tr>
</thead>


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







<div class="panel panel-inverse">
    <div class="panel-heading" style="cursor:pointer">
    <h4 class="panel-title">Fee Details</h4>
        <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger plusMinus" data-toggle="panel-collapse" >
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
<div class="panel-body" >
	
<table class="table table-bordered fs-12px">
<thead><tr><th>SNo</th><th>Gen/Busi</th><th>Payment Type</th><th>Stamp/Challan No.</th><th>Stamp/Challan Date</th>
<th>Fee</th>
<th>Received Date</th>
<th>Remark</th></tr>