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

@section('title', 'Account Book')

@section('content')


<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title"><i class="fa-solid fa-magnifying-glass"></i>  Application Express & Ordinary Budget Report</h4>

</div>

<div class="panel-body">
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
</div>
@if ($errors->any())
    <div class="alert alert-danger">
        There were some problems with your input.<br><br>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
	<form action="{{route('hccopying.application.applicationapplicationBudgetReportSearch')}}" method="POST" id="form_year" class="mb-3">
		 @csrf
		<div class="row d-flex justify-content-center">	
          
			<div class="col-md-3">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date From</label>
<div class="col-lg-7">
<div class="input-group date" data-date-format="mm-yyyy">
<input type="text" class="form-control" name="date_from" placeholder="Select Date"  value="{{ request()->input('date_from', old('date_from')) }}" id="date_from" readonly="readonly">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>
	<div class="col-md-3">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date To</label>
<div class="col-lg-7">
<div class="input-group date"  data-date-format="mm-yyyy">
<input type="text" class="form-control" name="date_to" placeholder="Select Date" id="date_to"  value="{{ request()->input('date_to', old('date_to')) }}" readonly="readonly">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>

	
<div class="col-md-2 align-items-center">
	<label for="exampleInputPassword1" class="form-label"></label>
	<button class="btn btn-primary button-loader" data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Searching..." type="submit">Search</button>
</div>	
	</div>  
</form>


	<div>

@if(isset($applications))


      @if(!empty($applications))
<table class="table table-bordered">
  <thead>
  <tr><th colspan="5" class="text text-primary text-center">HIGH COURT OF MADHYA PRADESH ,JABALPUR </br> STATEMENT OF RECEIVED EXPRESS AND ORDINARY applications</th></tr>
  <tr>
    <th>Sr. No.</th>
    <th>Month/Year</th>
    <th>Express </th>
    <th>Ordinary</th>
    <th>Total</th>
  </tr> 
  </thead>

  <tbody>
    @php
  
    $grand_express=0;
    $grand_ordinary=0;
    $grand_total=0;
    @endphp
       @foreach ($applications AS $application_key => $application)
    @php

    $grand_express+=$application->express_count;
    $grand_ordinary+=$application->ordinary_count;
   
    @endphp
       <tr>
       <td>{{ $loop->iteration }}</td>
       <td>
       {{date("F", mktime(0, 0, 0, $application->month, 10))}} / {{$application->year}}</td>
       <td class="text text-end">{{$application->express_count}}</td>
       <td class="text text-end">{{$application->ordinary_count}}</td>
       <td class="text text-end">{{$application->ordinary_count+$application->express_count}}</td>

       </tr>
      
      @endforeach
        <tr>
       <td colspan="2"  class="text text-end">Grand Total</td>
       
       <td  class="text text-end">{{$grand_express}}</td>
       <td  class="text text-end">{{$grand_ordinary}}</td>
       <td  class="text text-end">{{$grand_express+$grand_ordinary}}</td>

       </tr>
  </tbody>
</table>

 

@else
<div class="alert alert-info">
  No Result Found.
</div>

    @endif


@endif
  </div>   

	</div>
</div>





	<!-- end panel -->
@endsection





@push('scripts')
<script type="text/javascript" src="{{ asset('/assets/dcopying/toastr/toastr.min.js') }}"></script>
<link href="{{ asset('/assets/dcopying/toastr/toastr.min.css') }}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css') }}" rel="stylesheet" />
<script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>



<script>
  $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    dateFormat:'mm-yyyy'
  });
</script>

@endpush