@extends('layouts.default', ['appTopMenu' => true])
@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="mediation-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="card mb-3">
                    <div class="card-header card-bg-color ">
                        <h6 class="card-header d-flex justify-content-between align-items-center">{{$module_title}}</h6>
                    </div>
                    <div class="card-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="card mb-3">
                <div class="card-header card-bg-color ">
                    <h6 class="card-header d-flex justify-content-between align-items-center">Case Details</h6>
                </div>
                <div class="card-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="mediation-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="card mb-3">
                <div class="card-header card-bg-color ">
                    <h6 class="card-header d-flex justify-content-between align-items-center">Fill Invoice Details</h6>
                </div>
                <div class="card-body">


                <div class="row mb-15px">
                        
<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="85%">Item Name</th>                    
                    <th width="15%">Total (Rs.)</th>
            </tr>
                @foreach($statement_of_rates as $ot)
                
        
                
            <tr>
                <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><input type="number" name="total[]" id="total_{{$var_no}}" class="form-control bg-white total" autocomplete="off" value="{{$ot->rate}}" readonly="readonly"/> </td>
            </tr>
            
                                @endforeach
                    
            
    </table>
    
    

        <table class="table table-bordered table-hover" id="invoiceItem">	
            <tr>
                    <th width="70%">
                        <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="15%">
                            <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