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

@php
use App\Http\Controllers\hcrti\hcrti;

@endphp

@section('title','Project Management Dashboard') 
@push('scripts')
<!-- Copy from SCLSC -->

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

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

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


</script>

 <script type="text/javascript" charset="utf-8">      
      //Payment Type No.
$('#txtpmtTypeNo2').hide();
      $('#txtpmtTypeNo3').hide();
      $('#txtpmtTypeNo4').hide();
      $('#txtpmtTypeNo5').hide();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();
	  
    $('#ddfeetypeno').change(function() {
    var selected = $(this).val();
    if(selected == '1'){      
      $('#txtpmtTypeNo2').hide();
      $('#txtpmtTypeNo3').hide();
      $('#txtpmtTypeNo4').hide();
      $('#txtpmtTypeNo5').hide();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }       
    else if(selected == '2'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').hide();
      $('#txtpmtTypeNo4').hide();
      $('#txtpmtTypeNo5').hide();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }       
    else if(selected == '3'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').hide();
      $('#txtpmtTypeNo5').hide();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '4'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').hide();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '5'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '6'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').show();
      $('#txtpmtTypeNo7').hide();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '7'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').show();
      $('#txtpmtTypeNo7').show();
      $('#txtpmtTypeNo8').hide();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '8'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').show();
      $('#txtpmtTypeNo7').show();
      $('#txtpmtTypeNo8').show();
      $('#txtpmtTypeNo9').hide();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '9'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').hide();
      $('#txtpmtTypeNo7').show();
      $('#txtpmtTypeNo8').show();
      $('#txtpmtTypeNo9').show();
      $('#txtpmtTypeNo10').hide();      
      }
      else if(selected == '10'){      
      $('#txtpmtTypeNo2').show();
      $('#txtpmtTypeNo3').show();
      $('#txtpmtTypeNo4').show();
      $('#txtpmtTypeNo5').show();
      $('#txtpmtTypeNo6').show();
      $('#txtpmtTypeNo7').show();
      $('#txtpmtTypeNo8').show();
      $('#txtpmtTypeNo9').show();
      $('#txtpmtTypeNo10').show();      
      }
    else{
      $('#txtinforeq2').show();      
    }
});   


function isEmpty(xx){
var yy = xx.value.replace(/^\s*/, "");
if(yy == ""){xx.focus();return true;}
return false;
}


function isNumeric(xx)
{
   strString = xx.value;
   var strValidChars = "0123456789.";
   var strChar;
   var blnResult = true;
   if (strString.length == 0) return false;
   for (i = 0; i < strString.length && blnResult == true; i++)
      {
      strChar = strString.charAt(i);
      if (strValidChars.indexOf(strChar) == -1)
         {
         blnResult = false;
         }
      }
   return blnResult;
}


function vcNotesheet()
{
var result=true;
if(isEmpty(document.getElementById('txtfee1')))
{
result=false;	
alert("Please Enter Info. Cost");
document.getElementById("txtfee1").focus();
return false;
}
if(isNumeric(document.getElementById('txtfee1'))== false)
{
result=false;		
alert("Please Enter Info. Cost in Numeric Form");
document.getElementById("txtfee1").focus();
return false;
}
if(isEmpty(document.getElementById('txtpmtTypeNo1')))
{
result=false;	
alert("Please Enter Non Judicial Stamp No./Callan No.");
document.getElementById("txtpmtTypeNo1").focus();
return false;
}
if(isEmpty(document.getElementById('txtpmtTypeDate1')))
{
result=false;		
alert("Please Enter Info Cost Date");
document.getElementById("txtpmtTypeDate1").focus();
return false;
}
if(result==true)
{
var mystring=$("#create_notsheet").serialize(); 
var datastring=mystring+"&notesheet=yes";     
                               


		
		$.ajax({
			method:'POST',
			url:"./CostReceiveSave",
			data:datastring,
			success:function(html)
			{
		window.location.href = "home";
			//$("#result").html(html);
			}
		});
return false;
}
}
</script>

@endpush

@push('head')


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



    <form  id="create_notsheet" name="create_notsheet"  >
        @csrf
      <input type="hidden" name="aid" id="aid" value="" /> 

        <div class="card mb-3" >
            <div class="card-header bg-dark ">Receive Information Cost : </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-3">
                            <div class="row">
                              
<div class="col-sm-12 mb-3">
<label class="control-label" for="app_id"><b>ID: </b> </label>
/
<input type="hidden" name="appidyear" id="appidyear" value="/" /> 

</div>
<div class="col-sm-12 mb-3">
<label class="control-label" for="Year"><b>Name: </b></label>
</div>



<div class="col-sm-2 mb-3">
<label class="control-label" for="Year"><b>Fees Receive Date: </b></label>
<input class="form-control dtp" type='text' name='txtpmtrecvDate' id='txtpmtrecvDate' value="03-10-2024"/>
</div>

<div class="col-sm-12 mb-3">
<label class="control-label" for="Year"><b>Fee Pay Type: </b></label>
<select  class="form-select" name='ddpmtType' id='ddpmtType'>

        <option value="0">Non-Judicial Stamp</option>
        <option value="1">Treasury Challan</option>
		<option value="2">Indian Postal Order</option>
</select>
</select>
</div>


<div class="col-sm-12 mb-3">
<label class="control-label" for="Year"><b>Fee Pay Type Nos.: </b></label>
<select class="form-select" name='ddfeeTypeNo' id='ddfeetypeno'>
        <option value="1" selected="selected">1</option><option value="2">2</option><option value="3">3</option>
        <option value="4">4</option><option value="5">5</option><option value="6">6</option> 
        <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> 
        <option value="10">10</option> 
    </select>
</div>


<div class="col-sm-12 mb-3">
<label class="control-label" for="Year"><b>Fee Received: </b></label>
<input type="radio" name='feerd' class="feerd" value="1" id='feeBeforeD' checked>Before Dispose
    <input type="radio" name='feerd' class="feerd" value="2" id='feeAfterD'> After Dispose  
</div>


<div class="col-sm-12 mb-3">
<label class="control-label" for="Year"><b>Remark: </b></label>
<input class="form-control" type='text' name='txtremark' id='txtremark' />
</div>

<div class="col-sm-12 mb-3">
<table class='tbl'  >    

<tr>
<td class='field_name'><b>Fees:</b></td>
<td class='field_name'><b>Non-Judicial Stamp/Treasury Challan No.:</b></td>
<td class='field_name'><b>Non-Judicial Stamp/Treasury Challan Date:</b></td>
</tr>
<tr>
<td><input class="form-control" type='text' name='txtfee1' id='txtfee1' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo1' id='txtpmtTypeNo1' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate1' id='txtpmtTypeDate1' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo2">
<td><input class="form-control" type='text' name='txtfee2' id='txtfee2' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo2' id='txtpmtTypeNo2' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate2' id='txtpmtTypeDate2' maxlength='10' autocomplete="on"/>
</td>
</tr>
<tr id="txtpmtTypeNo3">
<td><input class="form-control" type='text' name='txtfee3' id='txtfee3' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo3' id='txtpmtTypeNo3' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate3' id='txtpmtTypeDate3' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo4">
<td><input class="form-control" type='text' name='txtfee4' id='txtfee4' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo4' id='txtpmtTypeNo4' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate4' id='txtpmtTypeDate4' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo5">
<td><input class="form-control" type='text' name='txtfee5' id='txtfee5' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo5' id='txtpmtTypeNo5' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate5' id='txtpmtTypeDate5' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo6">
<td><input class="form-control" type='text' name='txtfee6' id='txtfee6' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo6' id='txtpmtTypeNo6' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate6' id='txtpmtTypeDate6' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo7">
<td><input class="form-control" type='text' name='txtfee7' id='txtfee7' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo7' id='txtpmtTypeNo7' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate7' id='txtpmtTypeDate7' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo8">
<td><input class="form-control" type='text' name='txtfee8' id='txtfee8' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo8' id='txtpmtTypeNo8' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate8' id='txtpmtTypeDate8' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo9">
<td><input class="form-control" type='text' name='txtfee9' id='txtfee9' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo9' id='txtpmtTypeNo9' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate9' id='txtpmtTypeDate9' maxlength='10' autocomplete="on"/>

</td>
</tr>
<tr id="txtpmtTypeNo10">
<td><input class="form-control" type='text' name='txtfee10' id='txtfee10' maxlength='10' autocomplete="on"/></td>
<td><input class="form-control" type='text' name='txtpmtTypeNo10' id='txtpmtTypeNo10' maxlength='60' autocomplete="on"/></td>
<td><input class="form-control dtp" type='text' name='txtpmtTypeDate10' id='txtpmtTypeDate10' maxlength='10' autocomplete="on"/>

</td>
</tr>
</table>
</div>

<!--<span class='show' style='color: #8d4838; font-weight: bold; cursor: pointer'>View Check List</span>-->
<!--<div class='hide1'>-->

<!--</div>-->


<div class="col-sm-12">
<label class="control-label" for="Search"></label><br/>
<input type="button" id="btnSearch" name="btnSearch" class="btn btn-primary" value="Submit" onClick="return vcNotesheet();">
</div> 




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

</form>



 






@endsection