@extends('layouts.default')
@section('title', $module_title)
@push('head')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></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')

<script>
    @if (Session::has('success'))
    swal({
        title: "Success!",
        text: "{{Session::get('success')}}",
        icon: "success",
        button: "Go Ahead!"
    }).then(function () {

    });
    @endif


</script>
<div class="row">
    <!--Grid column-->
    <div class="col-md-1"></div>
    <div class="col-md-10 mb-5">

        @if(Session::has('failed'))
        <div class="alert alert-danger text-center">
            {{Session::get('failed')}}
        </div>
        @endif

        @if($is_post_method != 'yes')
                  
        @endif

        <form method="POST" action="panel-advocate-billing-index"  >
            @csrf
            <!--Grid row-->
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">{{$module_title}}</h4>
                </div>
                <div class="panel-body">



                    <div class="row mb-15px">

                        <div class="col-md-4">
                            <label for="anr_no" class="form-label col-form-label">ANR No.*</label>
                            <input type="number" name="anr_no" id="anr_no" class="form-control form-control-sm @error('anr_no') is-invalid @enderror" value="{{old('anr_no',$anr_no)}}">
                            @error('anr_no')
                            <span class="invalid-feedback d-inline" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                                                <div class="col-md-4">
                            <label for="anr_year" class="form-label col-form-label">ANR Year*</label>
                            <select name="anr_year" id='anr_year' class="form-select form-select-sm @error('anr_no') is-invalid @enderror">
                                <option value="">Select</option>
                                @for($i=$year;$i>=1930;$i--)
                                <option value="{{$i}}" @if( $i ==old('anr_year',$anr_year)) {{'selected'}}  @endif>{{$i}}</option>
                                @endfor
                            </select>
                            @error('anr_year')
                            <span class="invalid-feedback d-inline" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>                       

                    <div class="col-md-4">
                        <button type="submit" name="search" class="btn btn-primary">Search</button>
                    </div>
                </div>
            </div>
        </form>
        
 
        @if(isset($anr_details))

        <!--Grid row-->
        <div class="panel panel-inverse">
            <div class="panel-heading">
                <h4 class="panel-title">Case Details</h4>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">

                        <div class="row">

                            <div class="col-sm-4 mb-2 ">
                                <label for="ddl_app_for" class="control-label">ANR No.</label>
                                <b>{{ $anr_details->anr_no.'/'.$anr_details->anr_year }}</b>
                            </div>

                            <div class="col-sm-4 mb-2">
                                <label for="ddl_rec_mode" class="control-label">Diary No.</label>
                                <b>{{ $anr_details->diary_number.'/'.$anr_details->diary_year }}</b>
                            </div>

                        <div class="col-sm-4 mb-2">
                                <label for="ddl_rec_mode" class="control-label">Applicant</label>
                                <b>{{ $anr_details->applicant }}</b>
                            </div>
                        </div>


                    </div>
                </div>



            </div>


        </div>   
        
        
        <form method="POST" action="panel-advocate-bill-submit"  >
            @csrf
           <input type="hidden" name="anr_id" id="anr_id" class="form-control" value="{{$anr_details->anr_id}}">            
            <input type="hidden" name="anr_no_proposal" id="anr_no_proposal" class="form-control" value="{{$anr_no}}">
            <input type="hidden" name="anr_year_proposal" id="anr_year_proposal" class="form-control" value="{{$anr_year}}">
            <!--Grid row-->
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Fill Invoice Details</h4>
                </div>
                <div class="panel-body">

                    <div class="row mb-15px">
                        @if($last_invoice_details)
    @if(count($last_invoice_details)==0)
        <!-- allow filing item -->
                @if($anr_details->date_of_decision)
        <!-- allow final disposal item -->
                        @endif
           
    @else
    <!-- if not submitted bill then allow filing item  -->
                        @if($anr_details->date_of_decision)
                <!-- allow final disposal item -->
                               @endif
    
    @endif

@endif

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <table class="table table-bordered table-hover" id="invoiceItem">	
            <tr>
                    <th width="2%"></th>
                    <th width="72%">Item Name</th>
                    <th width="15%">Date</th>                    
                    <th width="15%">Total (Rs.)</th>
            </tr>
                @foreach($statement_of_rates as $ot)
                
                    @if(in_array($ot->id, $array_consider))
            
                    @if((($ot->id==1 || $ot->id==6) && $item_filing_allow == 1) || ($ot->id==2) || ($ot->id==3 && $item_disposal_allow == 1)  )
        
                
            <tr>
                <td>
                    @if($ot->id==2)
                           <input class="itemRow1" id="itemRowHandle1_{{$var_no}}" type="checkbox" checked>
                    @endif
                </td>
                <td> 
                    <select class="d-none documentName form-control form-control-sm" name="documentName[]" id="documentName_{{$var_no}}">
                        <option value=""  >empty</option>
                    </select>

                    <select class="productName form-control form-control-sm" name="productName[]" id="productName_{{$var_no}}">
                        <option data-rate='{{ $ot->rate }}' value="{{ $ot->id }}"  > {{ trim(strtoupper($ot->particulars)) }} [Rs {{ $ot->rate }}  {{trim($ot->quantity_type)}}]</option>
                    </select><input type="hidden" name="price[]" id="price_{{$var_no}}" class="form-control price" value="{{$ot->rate}}" autocomplete="off"> 
                </td>
                <td>
                    @if($ot->id==2)
                           <div class="input-group">
                                <input type="text" id="item_delivery_date_{{$var_no}}" aria-label="item_delivery_date_label" name="item_delivery_date" class="form-control form-control-sm item_delivery_date" readonly='readonly'>
                                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                            </div>
                    @endif
                </td>			
                
                <td><input type="number" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" autocomplete="off" value="{{$ot->rate}}" readonly="readonly"/> </td>
            </tr>
            
                @endif
                    @endif
                                @endforeach
                    
            
    </table>
    
    
    @if($item_filing_allow == 1)
    <table class="table table-bordered table-hover" id="invoiceItem">	
            <tr>
                    <th width="30%"></th>
                    <th width="15%">Typing</th>                    
                    <th width="15%">Dictation</th>                    
                    <th width="15%">Photocopy</th>                    
                    <th width="15%">Translation</th>                    
                    <th width="10%"></th>
            </tr>
            
                @if($paperbook_documents)
                    @foreach($paperbook_documents as $pd)
                        
                    <tr>
                
                        <td>
                            {{$pd->document_name.' [Pages '.$pd->total_pages.']'}}
                        <input type="hidden" name="pages[]" class="form-control pages" value="{{$pd->total_pages}}" autocomplete="off"> 
                        </td>            
                
                     
                    @foreach($statement_of_rates as $ot)
                
                    @if($ot->id == 4)

                <td>
                    <select class="d-none documentName form-control form-control-sm" name="documentName[]" id="documentName_{{$var_no}}">
                        <option value="{{ $pd->id.'@'.$pd->total_pages }}"  > {{$pd->document_name.' [Pages '.$pd->total_pages.']'}}</option>
                    </select>

                    <select class="d-none productName form-control form-control-sm" name="productName[]" id="productName_{{$var_no}}">
                        <option data-rate='{{ $ot->rate }}' value="{{ $ot->id }}"  > {{ trim(strtoupper($ot->particulars)) }} [Rs {{ $ot->rate }}  {{trim($ot->quantity_type)}}]</option>
                    </select><input type="hidden" name="price[]" id="price_{{$var_no}}" class="form-control price" value="{{$ot->rate}}" autocomplete="off"> 
                    <input class="itemRow" id="itemRowHandle_{{$var_no}}" type="checkbox" checked>
                    <input type="text" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" 
                           value="{{$ot->rate * $pd->total_pages}}" autocomplete="off" readonly="readonly"/>
                </td>			
                                @endif
                    @endforeach              
                                        
                    @foreach($statement_of_rates as $ot)
                
                    @if($ot->id == 5)
                <td>
                    <select class="d-none documentName form-control form-control-sm" name="documentName[]" id="documentName_{{$var_no}}">
                        <option value="{{ $pd->id.'@'.$pd->total_pages }}"  > {{$pd->document_name.' [Pages '.$pd->total_pages.']'}}</option>
                    </select>
                    <select class="d-none productName form-control form-control-sm" name="productName[]" id="productName_{{$var_no}}">
                        <option data-rate='{{ $ot->rate }}' value="{{ $ot->id }}"  > {{ trim(strtoupper($ot->particulars)) }} [Rs {{ $ot->rate }}  {{trim($ot->quantity_type)}}]</option>
                    </select><input type="hidden" name="price[]" id="price_{{$var_no}}" class="d-none form-control price" value="{{$ot->rate}}" autocomplete="off"> 
                    <input class="itemRow" id="itemRowHandle_{{$var_no}}" type="checkbox" checked>
                    <input type="number" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" autocomplete="off" value="{{$ot->rate * $pd->total_pages}}" readonly="readonly"/>
                </td>			

                                            @endif
                    @endforeach
                                                        @foreach($statement_of_rates as $ot)
                
                    @if($ot->id == 7)
                
                <td>
                    <select class="d-none documentName form-control form-control-sm" name="documentName[]" id="documentName_{{$var_no}}">
                        <option value="{{ $pd->id.'@'.$pd->total_pages }}"  > {{$pd->document_name.' [Pages '.$pd->total_pages.']'}}</option>
                    </select>
                    <select class="d-none productName form-control form-control-sm" name="productName[]" id="productName_{{$var_no}}">
                        <option data-rate='{{ $ot->rate }}' value="{{ $ot->id }}"  > {{ trim(strtoupper($ot->particulars)) }} [Rs {{ $ot->rate }}  {{trim($ot->quantity_type)}}]</option>
                    </select><input type="hidden" name="price[]" id="price_{{$var_no}}" class="d-none form-control price" value="{{$ot->rate}}" autocomplete="off"> 
                    <input class="itemRow" id="itemRowHandle_{{$var_no}}" type="checkbox" checked>
                    <input type="number" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" autocomplete="off" value="{{$ot->rate * $pd->total_pages}}" readonly="readonly"/>
                </td>			
                        
                    @endif

                @endforeach                                        
                                
                @foreach($statement_of_rates as $ot)
                
                    @if($ot->id == 8)
                
                <td>
                    <select class="d-none documentName form-control form-control-sm" name="documentName[]" id="documentName_{{$var_no}}">
                        <option value="{{ $pd->id.'@'.$pd->total_pages }}"  > {{$pd->document_name.' [Pages '.$pd->total_pages.']'}}</option>
                    </select>                    
                    <select class="d-none productName form-control form-control-sm" name="productName[]" id="productName_{{$var_no}}">
                        <option data-rate='{{ $ot->rate }}' value="{{ $ot->id }}"  > {{ trim(strtoupper($ot->particulars)) }} [Rs {{ $ot->rate }}  {{trim($ot->quantity_type)}}]</option>
                    </select><input type="hidden" name="price[]" id="price_{{$var_no}}" class="d-none form-control price" value="{{$ot->rate}}" autocomplete="off"> 
                    <input class="itemRow" id="itemRowHandle_{{$var_no}}" type="checkbox" checked>
                    <input type="number" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" value="{{$ot->rate * $pd->total_pages}}" autocomplete="off" readonly="readonly"/>
                </td>			
                                @endif

                @endforeach
                                    <td><input type="number" name="rowtotal[]" id="rowtotal_{{$var_no}}" value="{{$row_total}}" class="form-control bg-white rowtotal" autocomplete="off" readonly="readonly"/></td>
            </tr>
            
            
                    @endforeach
                @endif
                     
                
                    
            
    </table>
    @endif
        <table class="table table-bordered table-hover" id="invoiceItem">	
            <tr>
                    <th width="75%">
                        <textarea class="form-control txt" rows="3" name="notes" id="notes" placeholder="Your Notes If Any ..."></textarea>
			</th>
                        <th width="15%" class="text-right">Grand Total (Rs.) :</th>                    
                        <th width="10%">
                            <input type="number" class="form-control bg-white" name="grandtotal" id="grandtotal" placeholder="GRAND Total" readonly="readonly">
                        </th>
            </tr>
            <tr>
                <td colspan="3" class="text-left">
                           <button type="submit" name="search" class="btn btn-primary">Save</button>
                </td>
            </tr>
        </table>

</div>




                    </div>
                    
                    

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


        @endif

        
    </div>
</div>







@endsection
@push('scripts')
<script>
            var token = $("meta[name='csrf-token']").attr("content");

    $(document).ready(function () {

$(document).on('focus', '.item_delivery_date', function() {          	
            //var date_var_id = $(this).attr('id');
                $(this).datepicker({
                format: "dd-mm-yyyy",
                        todayHighlight: true,
                        autoclose: true
                });
        });


//for notice
$(document).on('click', '.itemRow1', function(){
		if($(this).is(':checked')){
                    var price = $(this).closest('tr').find(".price").val();
                    var id_name = $(this).closest('tr').find(".total").attr('id');
                    $("#"+id_name).val(price);
            
                    //$(this).closest('tr').find(".total").val(price);
                    //console.log(id_name+' price '+price);
                }
                else{
                
                    var total = $(this).closest('tr').find(".total").val();
                    var id_name = $(this).closest('tr').find(".total").attr('id');
                    $("#"+id_name).val('0');
                    //console.log(id_name+' total '+total);
          
                }
		calculateTotal();
	});
	$(document).on('click', '.itemRow', function(){
		if($(this).is(':checked')){
                    var price = $(this).closest('td').find(".price").val();
                    var id_name = $(this).closest('td').find(".total").attr('id');
                    var pages = $(this).closest('tr').find(".pages").val();
                    console.log('pages:'+pages);
                    $("#"+id_name).val(parseInt(parseInt(pages) * parseInt(price)));
            
                    //$(this).closest('tr').find(".total").val(price);
                   // console.log(id_name+' price '+price);
                }
                else{
                
                    var total = $(this).closest('td').find(".total").val();
                    var id_name = $(this).closest('td').find(".total").attr('id');
                    $("#"+id_name).val('0');
                   // console.log(id_name+' total '+total);
          
                }
		calculateTotal();
	});		


calculateTotal();

	
        
        
});

function calculateTotal(){
	var totalAmount = 0; 
	$("[id^='price_']").each(function() {
		var id = $(this).attr('id');
		id = id.replace("price_",'');
                var pages = $(this).closest('tr').find(".pages").val();
                if(!pages) {
                    pages = 1;
                }
                    
                if($('#itemRowHandle1_'+id).prop('checked') == false){
                    //console.log("ddddd");
                }
                else if($('#itemRowHandle_'+id).prop('checked') == false){
                    //console.log("ddddd");
                }
                else{
                    var price = $('#price_'+id).val();
                    var quantity  = 1; //$('#quantity_'+id).val();
                    if(!quantity) {
                            quantity = 1;
                    }
                    var total = price*quantity*pages;
                    $('#total_'+id).val(parseInt(total));
                    totalAmount += total;	                    
                }
                
	});
	$('#grandtotal').val(parseInt(totalAmount));	
	
}


</script>
@endpush