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

use App\Models\Masters\Master_model;

@endphp
 @section('title','RTI Appeal Form ') 
@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 type="text/javascript">
 
 $(document).ready(function(){
    var ddlang=$('#ddlang').val();
    // alert(ddlang);
    getState_by_language(ddlang) ;
 });

  $(".dtp").datepicker({
  todayHighlight: true,
    autoclose: true,
	opens: "right",
    dateFormat: "dd-mm-yy"
  });

 
  $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});



 function getState_by_language(lang_code) 
 {
	//  alert(lang_code);
        $.ajax({
            type: "POST",
            url: "{{ url('hcrti/getState') }}",
            data: {'lang_code': lang_code},
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
            },
            success: function (data) {
                // alert(data);
                $("#state").empty();
                $("#state").append(data);
                getatitle(lang_code);
            },
            error: function (data) {
                $('.text-danger').text('');
                if (data.status === 401) {
                    $(location).prop('/', 'login');
                } else if (data.status === 422) {
                    $.each(data.responseJSON.errors, function (field_name, error) {
                        $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                    })

                }
            }
        });
    }

   function getatitle(id)
        {  
            //    var id=$(this).val();  
            // var id=$(this).val();  
               var dataString = 'id='+ id; 
			   //alert(dataString);
               $.ajax  
               ({  
                type: "POST",  
                url: "{{ url('hcrti/getatitle') }}",  
                data: dataString,  
                cache: false,  
                success: function(html)  
                {  
				//alert(html);
                 //$("#atitle").html(html); 
		 $("#atitle").html('<option value="-1">Select</option>'+html); 
                }  
               });  
      
            }  


 function getState_t(state_code) 
 {
	 
        $.ajax({
            type: "POST",
            url: "{{ url('hcrti/getDistrict') }}",
            data: {'state_code': state_code,'lang_code':$('#ddlang').val()},
			//alert(data);
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
            },
            success: function (data) {
                $("#district_t").empty();
                $("#district_t").append(data);
            },
            error: function (data) {
                $('.text-danger').text('');
                if (data.status === 401) {
                    $(location).prop('/', 'login');
                } else if (data.status === 422) {
                    $.each(data.responseJSON.errors, function (field_name, error) {
                        $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                    })

                }
            }
        });
    }
	
 function getTaluka_t(dist_code) 
 {
	 //alert("sdfsdf");
        $.ajax({
            type: "POST",
            url: "{{ url('hcrti/getTaluka') }}",
            data: {'dist_code': dist_code,'lang_code':$('#ddlang').val()},
            beforeSend: function (request) {
                return request.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'));
            },
            success: function (data) {
                $("#taluka_t").empty();
                $("#taluka_t").append(data);
            },
            error: function (data) {
                $('.text-danger').text('');
                if (data.status === 401) {
                    $(location).prop('/', 'login');
                } else if (data.status === 422) {
                    $.each(data.responseJSON.errors, function (field_name, error) {
                        $(document).find('[name=' + field_name + ']').after('<span class="text-danger">' + error + '</span>')
                    })

                }
            }
        });
    }
	</script>
@endpush

@push('head')

<!--<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>-->



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


    <form method='post' class="mt-3" action='' name='f1' id="f1" enctype="multipart/form-data">
	  @csrf
	  @if( !empty($app_details->id)) 
		  <input type="hidden" name="id" value="{{ $app_details->id ?? '' }}"> 
	  <input type="hidden" name="est_location" value="{{ $app_details->est_code ?? '' }}"> 
	  
	  @endif
	    <div class="card mb-3" id="google_translate_element">
            <div class="card-header bg-dark ">Registration [Form-F]</div>
            <div class="card-body">
                <div class="row mb-3">
 



                  
@php 
$sn_language='-1';
$sn_language=session()->get('sn_language');
@endphp


<div  class="float_left" style="width:100%"> <b>RTI Application ID:</b></label>
<span>/1970</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtname"><b>Applicant Name:</b></label>
<span>{{ $app_details->name ?? old('txtname')}}</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtfname"><b>Father's Name:</b></label>
<span> {{ $app_details->f_name ?? old('txtfname')}}</span>
</div>
<tr>
<div class="col-sm-4 mb-3"> <label class="control-label" for="txtage"><b>Age:</b></label>
<span>{{ $app_details->age ?? old('txtage')}}</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtoccupation"><b>Occupation:</b></label>
<span>{{ $app_details->occupation ?? old('txtoccupation')}}</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtoccupation"><b>Information Required:</b></label>
<span>{{$app_details->info_req1 ?? old('txtinforeq1')}}</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtinfoperiod"><b>Period for which information asked for:</b></label>
<span>
{{ $app_details->info_period ?? old('txtinfoperiod')}}
</span>
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtinfoperiod"><b>Other Details:</b></label>
<span>{{ $app_details->other_detail ?? ' Not Available'}}</span>
</div>

<div class="col-sm-4 mb-3"><label class="control-label" for="txtaddress"><b>Address:</b></label>
<span>{{ $app_details->address ?? old('txtaddress')}}</span>
</div>


<div class="col-sm-4 mb-3"> <label class="control-label" for="pincode"><b>Pincode:</b></label>
<span>{{ $app_details->pincode ?? old('pincode')}}</span>
</div>
 	 	
<div class="col-sm-4 mb-3"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Application Date of Submission of  Form "A":</b></label>
<span>{{ !empty($app_details->app_date) ? \Carbon\Carbon::parse($app_details->app_date)->format('d-m-Y'):old('txtappdate') }}</span>
<!--<img src="icons/b_calendar.png" onclick="displayDatePicker('txtappdate', false, 'dmy', '.');" style="width:16px;height:16px;cursor:pointer;"/>-->
</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Date on which 30 Days Completed after Submit Form "A":</b></label>
<span>{{ date("Y-m-d", strtotime("+30 days", strtotime($app_details->app_date))) }}</span>

</div>

<div class="col-sm-4 mb-3"> <label class="control-label" for="txtoccupation"><b>Last date to Apply </b></label>
<span>05-08-2024</span>
</div>


<div class="col-sm-4 mb-3"> <label class="control-label" for="txtbpldetail">
<input type="checkbox" name="other_1"  id="other_1" value="1" class="float_left"/> 
Another person is authorized for RTI Appeal  
</div>

<div class="col-sm-4 mb-3 show_other" style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Name of Authorized Person:</label></b></label><input class="form-control clearable" type="text" name="other_name"  id="other_name"  value=""></div>

<div class="col-sm-4 mb-3 show_other"  style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Address of Authorized Person:</label></b></label><input class="form-control clearable" type="text" name="other_address" id="other_address" value=""></div>

<div class="col-sm-4 mb-3 show_other"  style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Upload Identity Card of  Authorized Person:</b></label>
<input class="form-control clearable" type='file' name='i_card' id='i_card' maxlength='100' autocomplete="off"/>
</div>

<div class="col-sm-4 mb-3 show_other"  style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Photo Upload of Authorized Person:</b></label>
<input class="form-control clearable" type='file' name='profile_image' id='profile_image' maxlength='100' autocomplete="off"/></div>

<div class="col-sm-4 mb-3 show_other"  style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Sign Upload of Authorized Person:</b></label>
<input class="form-control clearable" type='file' name='sign' id='sign' maxlength='100' autocomplete="off"/>
</div>

<div class="col-sm-4 mb-3 show_other"  style="display:none"> <label class="control-label" for="txtinfoperiod"><b><label class="control-label">Mobile Number of Authorized Person:</b></label>
<input class="form-control clearable" type="text" name="other_mobile_number"  id="other_mobile_number"  value="">
</div>



<div class="col-sm-12 mb-3"><label class="control-label" for="txtinforeq1">
<input type="checkbox" name="reason_1"  id="reason_1" value="1" class="float_left"/> 
(A) Not received any response within 30 days of presentation of Form 'A'.
				  <input type="hidden" name="reason_a" id="reason_a" value="1" class="float_left"/> 
</div>            </td>
        </tr>
<!--        <tr class="hide_on_selection">-->
        <tr>
		<td class="form_" colspan='6'>

<div  class="float_left" style="width:100%"> 
                <input type="checkbox" name="reason_2" id="reason_2" value="1" class="float_left"/> 
				  <input type="hidden" name="reason_b" id="reason_b" value="1" class="float_left"/> 
(B) Not satisfied with given answers 
</div>
<div id="div_file" class="float_left bold_text" style="display:none;margin-left:48px;">
				<b style="float:left" style="margin-top:10px;margin-left:20px;">(Upload Copy of information/letter of Rejection).&nbsp;&nbsp;&nbsp;&nbsp;</b> 
                    <input  type="file"  style="color: #d2ffeb" style="margin-top:0px;" name="rti_file_name" id="rti_file_name" value="Upload Copy of Answers"/>
</div>

<div class="col-sm-12 mb-3"><label class="control-label" for="ground_of_appeal"><b>Ground Of Appeal </b></label>
<textarea  type='text' name='ground_of_appeal' id='ground_of_appeal' maxlength='800' autocomplete="on" class="form-control"></textarea>


</div>

	


<div class="col-sm-12 mb-3">
<center>
    <input type="button"  id="payment_submit" style="width:80px;" class="btn-primary form-control" value="Payment"></center>
</div>

 </div>
</div>

</form>
</div>

@endsection
<script src="/js/jquery191.js"></script>
<script type>
$(document).ready(function(){
	
	function getEncrypted() {
{
        // alert("payment button working");
    var result = true;

    if (result == true)
    {
        event.preventDefault();
        var form = $('#f1')[0];
        var formData = new FormData(form);

        //formData.append("hd_ud", $('#hd_ud').val());
        formData.append("payment_submit", "Submit+Query");

        return $.ajax({
            url: "encryption",
            type: 'POST',
            data: formData,
            success: function (data)
            {
                //  alert(data);
                document.getElementById("f1").reset();
                //  window.location.href = "form";
            },
            cache: false,
            contentType: false,
            processData: false
        });
        return false;
    }
}

}


function postToTreasury(dataFromFirstRequest) {
var dataToSend = {
    ctp_data: dataFromFirstRequest,
    merchant_code: "LAW",
};

var form = $("<form></form>");
form.attr("method", "post");
form.attr("action", "https://mptreasury.gov.in/MPCTP/IntegrationAgentGMT");

$.each(dataToSend, function (name, value) {
    var input = $("<input type='hidden'>");
    input.attr("name", name);
    input.val(value);
    form.append(input);
});

form.appendTo("body");
form.submit();
}


$('body').on('click', '#payment_submit', function () {
getEncrypted()
        .then(function (response) {
            return postToTreasury(response.trim());
        })
        .then(function (response) {
            console.log(response);
        })
        .catch(function (error) {
            console.error(error);
        });
});
	
	
	
//    alert("testing");
    $('#other_1').on('change', function() {
      if ($(this).is(':checked')) {
        $('.show_other').css("display","block");
      } else {
        $('.show_other').css("display","none");
        $('.clearable').val('');
      }
    });


    $('#reason_1').change(function() {
    if (this.checked) {
      $('#reason_1').val('1');
    }
    else {
        $('#reason_1').val('0');
    }
  });

  $('#reason_2').change(function() {
    if (this.checked) {
      $('#reason_2').val('1');
    }
    else {
        $('#reason_2').val('0');
    }
  });



    $("#bsubmit").click(function(){
        validation_of_form();
        var other_name=$("#other_name").val();
        var other_address=$("#other_address").val();
        var reason_1 = $("#reason_1").val();
        var reason_2 = $("#reason_2").val();
        var ground_of_appeal = $("#ground_of_appeal").val();
        var app_aid={{$app_details->id}};

        var formData = new FormData();


formData.append("sign", $("#sign")[0].files[0]);
formData.append("i_card", $("#i_card")[0].files[0]);
formData.append("profile_image", $("#profile_image")[0].files[0]);
formData.append("other_name", $("#other_name").val());
formData.append("other_address", $("#other_address").val());
formData.append("other_mobile", $("#other_mobile").val());
formData.append("reason_1", $("#reason_1").val());
formData.append("reason_2", $("#reason_2").val());
formData.append("ground_of_appeal", $("#ground_of_appeal").val());
formData.append("app_aid", {{$app_details->id}});
formData.append("challan_number", $("#ground_of_appeal").val());
formData.append("challan_amount", $("#ground_of_appeal").val());
var csrfToken = $('meta[name="csrf-token"]').attr('content');






$.ajax({
    url: "{{'rti-appeal-submit'}}", // Replace with your server-side script URL
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    dataType: 'json',
    success: function (response) {
        // Handle the server's response here
        if(response.response_code==201){
                    $("#f1").empty();
                    $("#f1").html('<div class="alert alert-success" role="alert"><h5>'+response.message+'</h5> </div>');
                }
                else{

                } 
    },
    headers: {
        'X-CSRF-TOKEN': csrfToken
    },
});

        // $.ajax({
        //     url:"{{'rti-appeal-submit'}}",
        //     method:"POST",
        //     data:{'reason_1':reason_1,'reason_2':reason_2,'ground_of_appeal':ground_of_appeal,'app_aid':app_aid,'other_name':other_name,'other_address':'other_address'},
        //     dataType: 'json',
        //     success:function(response){

        //         if(response.response_code==201){
        //             $("#f1").empty();
        //             $("#f1").html('<div class="alert alert-success" role="alert"><h5>'+response.message+'</h5> </div>');
        //         }
        //         else{

        //         } 
        //     }
        // });
        
    });

    function  validation_of_form(){
        alert("perform validation of form");
        return true;
    }
});
</script>