@extends('layouts.app')
@section('title', 'BWSI')

<style type="text/css">
    .box-header{
        width : 50%;
    }
    .box-header.with-border {
        border-bottom: 0 !important;
    }      
    .box-body{
        padding-bottom: 0px !important;        
    }    
    hr{
        margin-top    : 0 !important;
        margin-bottom : 0 !important;
    }
    .present-reading, .findings, .bill-type{
        width     : 100%; 
    }
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }   
    .select2-container--default .select2-selection--single .select2-selection__clear {
        display: none;
    }   
    #table-bill-details_wrapper{
        padding-bottom: 10px;
    }
    .dataTables_scrollBody{
        /*overflow-x: hidden !important;*/
    }
</style>

@section('body')

<div class="row" style="padding-left:5px; padding-right:5px">
    <div class="box-header with-border">
        <h3 class="box-title">BILL POSTING</h3>
    </div>
</div>

<div class="row">
    <div class="col-xs-12">
        <div class="box box-success">
            <div class="box-body">   
                @include('billing.bill-posting._header')
            </div>
        </div>
    </div>   
</div>

<div class="row" id="box-details" style="display:none">
    <div class="col-xs-2">
        <div class="box box-default" style="margin-top: -10px">
            <h4 style="padding-left:10px">Filter Readings</h4>
            <div class="box-body">   
                <div class="box box-widget" style="margin-bottom:5px; !important;">
                    <div class="box-footer no-padding">
                        @include('billing.bill-posting._filter-readings')
                    </div>
                </div>
            </div>
        </div>   
        <div class="box box-default" style="margin-top: -10px">
            <div class="box-body">   
                @include('billing.bill-posting._status')
            </div>
        </div>              
    </div>
    <div class="col-xs-10" style="padding-left: 0px;"">
        <div class="box box-default" style="margin-top: -10px;">
            <div class="box-body" id="details-datatable" style="padding-bottom:20px;">
                @include('billing.bill-posting._datatable-rb') 
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script type="text/javascript">
    $(document).ready(function(){        

        // load_books();
        // load_meter_readers();
        
        // $('#book_id').change(function(){
        //     $bookId = $(this).val();
        //     get_existing_bills($bookId);            
        // });

        // $('#btn-new-batch').click(function(){            
        //     var formdata = $('#form-bp-header').serialize();
        //     $.ajax({
        //         url  : $app_url + '/billing/bill-posting/post-header',
        //         type : 'POST',
        //         data : formdata,
        //         beforeSend : function() {
        //             showBoxLoadingState();
        //             $('.form-group').removeClass('has-error').prop('title', '');
        //         },
        //         success : function(response) {
        //             get_existing_bills(response.book);
        //         },  
        //         error : function(xhr) {
        //             $.each(xhr.responseJSON, function(field, message) {
        //                 $('#'+field).parent().addClass('has-error').prop('title', message);
        //             }); 
        //             if(xhr.status != '422'){
        //                 $.alert({
        //                     title   : 'Oops, something went wrong!',
        //                     content : "<span style='font-size:20px' class='text-danger'>" 
        //                                 + xhr.status 
        //                             + "</span>" + '&nbsp;&nbsp;' 
        //                             + '<strong>'+xhr.statusText+'</strong>'
        //                             + '<br />'
        //                             + 'Refresh the page and try again.',
        //                     type    : 'red',
        //                     icon    : 'fa fa-warning',
        //                     draggable : true
        //                 });  
        //             }                                 
        //         },
        //         complete : function() {
        //             removeBoxLoadingState();
        //         }
        //     });

        // });

        // $(document).on('keyup', '.present-reading', function(e){
        //     $row    = $(this).closest('tr');
        //     $button = $row.find('td:eq(11)').find('button');
        //     $(this).val() ? $button.attr('disabled', false) : $button.attr('disabled', true);

        //     compute_consumption($(this));

        //     if(e.which == 13){
        //         if($(this).val()){
        //             // $button.trigger('click');
        //             post_bill($row);
        //         }else{
        //             // $row.find('td:eq(10)').find('input').focus();
        //         }                
        //     }
        // });

        // $(document).on('keyup', '.findings', function(e){
        //     $row    = $(this).closest('tr');
        //     $button = $row.find('td:eq(11)').find('button');
        //     $cum    = $row.find('td:eq(8)').text();
        //     $cum ? $button.attr('disabled', false) : $button.attr('disabled', true);

        //     if(e.which == 13){
        //         if($(this).val()){
        //             $button.attr('disabled', false);
        //         }
        //         // $button.trigger('click');
        //         post_bill($row);
        //     }            
        // });

        // $(document).on('change', '.bill-type', function(){
        //     $row    = $(this).closest('tr');
        //     $bType  = $(this).val();
        //     $aveCum = $bType == 'AB' ? $(this).find('option:selected').data('ave-cum') : '';
        //     $row.find('td:eq(5)').find('input').val('');

        //     if($bType == 'AB'){
        //         $row.find('td:eq(5)').find('input').attr('disabled', false);
        //         $row.find('td:eq(8)').text($aveCum);
        //         $row.find('td:eq(10)').html(get_ab_findings());

        //         $button = $row.find('td:eq(11)').find('button');
        //         $button.attr('disabled', false);
        //         // $button.trigger('click');     
        //         post_bill($row);                       
        //     }else{
        //         $row.find('td:eq(5)').find('input').attr('disabled', false);
        //         $row.find('td:eq(5)').find('input').focus();
        //         $rbFindings = "<input type='text' class='form-control input-sm findings' style='width:100%;'>";                
        //         $row.find('td:eq(10)').html($rbFindings);  
        //         compute_consumption($(this));              
        //     }
        // });

        // $(document).on('change', '.ab-findings', function(){
        //     $row    = $(this).closest('tr');
        //     $button = $row.find('td:eq(11)').find('button');
        //     $button.attr('disabled', false);
        //     // $button.trigger('click');       
        //     post_bill($row);                     
        // });

        // $(document).on('focusout', '.present-reading', function(){
        //     $row = $(this).closest('tr');
        //     $row.find('td:eq(5)').find('input').css('background-color', '#FFF');     
        //     $row.find('td:eq(0)').css('background-color', '#fff');       
        // })

        // $(document).on('focusin', '.present-reading', function(e){            
        //     $row = $(this).closest('tr');
        //     $row.find('td:eq(5)').find('input').css('background-color', '#ffff8d'); 
        //     $row.find('td:eq(0)').css('background-color', '#ffff8d');
        //     $(this).select();
        // })

        // $(document).on('focusout', '.findings', function(){
        //     $row = $(this).closest('tr');
        //     $row.find('td:eq(10)').find('input').css('background-color', '#FFF');            
        // })

        // $(document).on('focusin', '.findings', function(e){            
        //     $row = $(this).closest('tr');
        //     $row.find('td:eq(10)').find('input').css('background-color', '#ffff8d'); 
        // })        

        $(document).on('click', '.td-previous', function(){
            $col    = $(this);
            $row    = $col.closest('tr');
            $id     = $row.data('details-id');
            $button = $row.find('td:eq(11)').find('button');

            $accountNo   = $row.find('td:eq(1)').text().trim();
            $accountName = $row.find('td:eq(2)').text().trim();
            $meterNo     = $row.find('td:eq(3)').text().trim();
            $currentVal  = $col.data('prev-rdg');

            if($id > 0){
                $.confirm({
                    title   : '<div>'
                                +"<label>EDIT PREVIOUS READING</label>"
                                +"<label style='font-size:16px' class='text-muted'>"
                                    +$accountName+"<br />"
                                    +$accountNo+" | "
                                    +$meterNo
                                +"</label>"
                             +'</div>',
                    content : "<div class='form-group'>"
                                +"<label class='control-label'>"
                                    +"Current Value : "
                                    +"<span style='font-size: 20px;' class='text-danger'>"
                                        +$currentVal
                                    +"</span>"
                                +"</label>"
                                +"<input type='number' class='form-control new-val' placeholder='Enter a new value' style='font-size:16px'>"
                             +"</div>",
                    type    : 'orange',
                    buttons : {
                        save : {
                            text     : 'SAVE CHANGES',
                            btnClass : 'btn-blue',
                            action   : function(){
                                var new_val = this.$content.find('.new-val').val();
                                if(new_val){
                                    $col.data('prev-rdg', new_val);
                                    $row.find('td:eq(6)').text(new_val);
                                    compute_consumption($col);
                                    $button.attr('disabled', false)
                                    // $button.trigger('click');
                                    post_bill($row);
                                }else{

                                }
                            }
                        },
                        cancel : {
                            text     : 'CANCEL',
                            btnClass : 'btn-default',
                            action   : function(){

                            }
                        }
                    }
                });
            }else{

            }
        });

        // $(document).on('mouseover', '.td-previous', function(){
        //     $row = $(this).closest('tr');
        //     $id  = $row.data('details-id');
        //     if($id > 0){
        //         $(this).css('cursor', 'hand');
        //         $(this).css('font-weight', 'bold');
        //         $(this).addClass('text-primary');
        //     }else{
                
        //     }
        // }); 

        // $(document).on('mouseout', '.td-previous', function(){
        //     $row = $(this).closest('tr');
        //     $id  = $row.data('details-id');
        //     if($id > 0){                
        //         $(this).css('font-weight', 'normal');
        //         $(this).removeClass('text-primary');
        //     }else{
                
        //     }
        // });                

        // $.fn.eqAnyOf = function (arrayOfIndexes) {
        //     return this.filter(function(i) {
        //         return $.inArray(i, arrayOfIndexes) > -1;
        //     });
        // };         

        // $('#filter-readings > li').click(function(){
        //     var $title   = $(this).find('a').find('span.reading-title').text();
        //     var $id      = $(this).find('a').find('span.badge').attr('id');
        //     var $bookId  = $('#book_id').val();

        //     $('#table-bill-details').DataTable().destroy();
        //     $('#table-bill-details > tbody').empty(); 

        //     load_bill_details($('#batch_number').data('batch-id'), $bookId, $id, $title);
        // });

        // $('.input-header').on('keyup', function(e){
        //     var val = $(this).val();
        //     if(e.which == 13){
        //         if(val){
        //             var index = $('.input-header').index(this) + 1;
        //             $('.input-header').eq(index).focus();
        //         }
        //     }
        // });

        // $('.input-header').on('focusin', function(){
        //     $(this).css('background-color', '#ffff8d'); 
        // });

        // $('.input-header').on('focusout', function(){
        //     $(this).css('background-color', '#fff'); 
        // });        

        // $('#reader_id').on('select2:select', function(){
        //     $('#btn-new-batch').trigger('click');
        // });






        ////////////////////////////////////////////////////////////////
        //                                                            //
        // POST READING                                               //
        //                                                            //
        ////////////////////////////////////////////////////////////////

        // $(document).on('click', '.post-bill', function(){
        //     post_bill($(this).closest('tr'));
        // }); // END FUNCTION - POST READING

    });




    // function post_bill($row){
    //         var bill_details = [];

    //         // var $row   = $(this).closest('tr');      
    //         var cumVal = $row.find('td:eq(8)').text();
    //         if(cumVal.includes('(')){
    //             cumVal = cleanUpCurrency(cumVal);
    //         }

    //         // SET DATA ATTRIBUTES VALUE
    //         $row.find('td:eq(6)').data('prev-rdg', $row.find('td:eq(6)').text());
    //         $row.find('td:eq(7)').data('add-cons', $row.find('td:eq(7)').text());
    //         $row.find('td:eq(8)').data('cum',      cumVal);

    //         var $billType     = $row.find('td:eq(4)').find('select').val();
    //         var $remarks      = $billType == 'AB' ? $row.find('td:eq(10)').find('select').find('option:selected').text() : $row.find('td:eq(10)').find('input').val();
    //         var $cum          = $row.find('td:eq(8)').data('cum');
    //         var $batchId      = $('#batch_number').data('batch-id');
    //         var $accountId    = $row.data('account-id');
    //         var $accountNo    = $row.find('td:eq(1)').text();
    //         var $accountName  = $row.find('td:eq(2)').text();
    //         var $present      = $row.find('td:eq(5)').find('input').val();
    //         var $previous     = $row.find('td:eq(6)').data('prev-rdg');
    //         var $additional   = $row.find('td:eq(7)').data('add-cons');
    //         var $prevCum      = $row.find('td:eq(9)').text();
    //         var $detailsId    = $row.data('details-id');
    //         var $class        = $row.data('class');
    //         var $subclass     = $row.data('sub-class');
    //         var $book         = $row.data('book');
    //         var $meterId      = $row.data('meter-id');
    //         var $sc           = $row.data('sc');
    //         var $advance      = $row.data('advance');
    //         var $maxReading   = $row.data('max-reading');
    //         var $prevDate     = $row.data('previous-date');

    //         bill_details = {                
    //             'batch_id'          : $batchId,
    //             'account_id'        : $accountId,
    //             'meter_id'          : $meterId,
    //             'senior'            : $sc,
    //             'advance'           : $advance,
    //             'bill_type'         : $billType,
    //             'present_rdg'       : $present,
    //             'previous_rdg'      : $previous,
    //             'additional_cum'    : $additional,
    //             'actual_cum'        : $cum,
    //             'findings'          : $remarks,
    //             'previous_rdg_date' : $prevDate,
    //             'previous_cum'      : $prevCum
    //         };

    //         $.ajax({
    //             url  : $app_url + '/billing/bill-posting/post-bill',
    //             type : 'POST',
    //             data : {
    //                 '_token'       : $('[name=_token]').val(),
    //                 'details_id'   : $detailsId,
    //                 'class'        : $class,
    //                 'subclass'     : $subclass,
    //                 'book'         : $book,
    //                 'bill'         : bill_details,
    //                 'max_reading'  : $maxReading,
    //                 'reading_date' : $('#present_rdg_date').val()
    //             },
    //             beforeSend : function() {
    //                 $row.find('td:eq(5)').find('input').prop('disabled', true);
    //             },
    //             success : function(response) {
    //                 var log = {
    //                     'bills_id'      : response
    //                 };

    //                 console.log(log);

    //                 // $row.find('td:eq(0)').addClass('success');
    //                 // $row.find('td:eq(1)').addClass('success');
    //                 $row.find('td:eq(2)').addClass('success');
    //                 // $row.find('td:eq(3)').addClass('success');
    //                 $row.find('td:eq(8)').addClass('success');

    //                 $row.data('details-id', response);      

    //                 update_reading_status($('#book_id').val(), $batchId);
    //             },  
    //             error : function(xhr) {
    //                 // if(xhr.status != '422'){
    //                 //     $.alert({
    //                 //         title   : 'Oops, something went wrong!',
    //                 //         content : "<span style='font-size:20px' class='text-danger'>" 
    //                 //                     + xhr.status 
    //                 //                 + "</span>" + '&nbsp;&nbsp;' 
    //                 //                 + '<strong>'+xhr.statusText+'</strong>'
    //                 //                 + '<br />'
    //                 //                 + 'Refresh the page and try again.',
    //                 //         type    : 'red',
    //                 //         icon    : 'fa fa-warning',
    //                 //         draggable : true
    //                 //     });  
    //                 // } 
    //             },
    //             complete : function() {
    //                 $row.find('td:eq(5)').find('input').prop('disabled', false);                   
    //             }
    //         });


    //         if($billType == 'AB'){                    
    //             if($remarks){
    //                 $row.next().find('td:eq(5)').find('input').focus();
    //             }else{
    //                 $row.find('td:eq(10)').find('select').focus();
    //             }
    //         }else{
    //             $row.next().find('td:eq(5)').find('input').focus();                        
    //         }           
    // }

    // function load_books(){
    //     $.ajax({
    //         url  : $app_url + '/books',
    //         type : 'GET',
    //         data : {},               
    //         success : function(response){
    //             $.each(response, function(index){
    //                 var r = response[index];
    //                 $('#book_id').append("<option value='"+r.id+"' data-description='"+r.description+"'>"+r.code+"</option>");
    //             });                    
    //         },
    //         error : function(xhr){
    //             $.alert({
    //                 title   : 'Oops, something went wrong!',
    //                 content : "<span style='font-size:20px' class='text-danger'>" 
    //                             + xhr.status 
    //                         + "</span>" + '&nbsp;&nbsp;' 
    //                         + '<strong>'+xhr.statusText+'</strong>'
    //                         + '<br />'
    //                         + 'Refresh the page and try again.',
    //                 type    : 'red',
    //                 icon    : 'fa fa-warning',
    //                 draggable : true
    //             });
    //         },
    //         beforeSend : function(){
    //             showBoxLoadingState();
    //         },
    //         complete : function(){
    //             removeBoxLoadingState();
    //         }
    //     });          
    // }

    // function load_meter_readers(){
    //     $.ajax({
    //         url  : $app_url + '/billing/bill-posting/meter-readers',
    //         type : 'GET',
    //         data : {},
    //         success : function(response){
    //             $.each(response, function(index){
    //                 var r = response[index];
    //                 $('#reader_id').append("<option value='"+r.id+"'>"
    //                                         +r.name.toUpperCase()
    //                                     +"</option>");
    //             });                
    //         },
    //         error : function(xhr){
    //             $.alert({
    //                 title   : 'Oops, something went wrong!',
    //                 content : "<span style='font-size:20px' class='text-danger'>" 
    //                             + xhr.status 
    //                         + "</span>" + '&nbsp;&nbsp;' 
    //                         + '<strong>'+xhr.statusText+'</strong>'
    //                         + '<br />'
    //                         + 'Refresh the page and try again.',
    //                 type    : 'red',
    //                 icon    : 'fa fa-warning',
    //                 draggable : true
    //             });                
    //         },
    //         beforeSend : function(){},
    //         complete : function(){}
    //     });
    // }

    // function get_ab_findings(item=null){
    //     var items = [
    //         {'id' : 'Gate Locked', 'description':'Gate Locked'},
    //         {'id' : 'Hard to Read', 'description':'Hard to Read'},
    //         {'id' : 'Biting Dog', 'description':'Biting Dog'}
    //     ];        

    //     findings  = "<select class='form-control input-sm ab-findings' aria-hidden='true' style='width:100%; font-size: 14px;'>"
    //                     +"<option value='' hidden selected></option>";
    //         $.each(items, function(k, v){
    //             var selected = (v.description == item ? 'selected' : '');
    //             findings += "<option value='"+v.id+"' "+selected+">"+v.description+"</option>";
    //         });
    //     findings += "</select>";        

    //     return findings;
    // }

    // function update_reading_status(bookId, batchId){
    //     $.ajax({
    //         url   : $app_url + '/billing/bill-posting/reading-status',
    //         type  : 'GET',
    //         data  : {
    //             'book_id'  : bookId,
    //             'batch_id' : batchId                
    //         },
    //         success : function(response){
    //             var filter = '#filter-readings > li > a > span';

    //             $('#status-unposted').text(response.unposted);
    //             $('#status-posted').text(response.posted);
                
    //             $(filter + '#all')          .text(parseInt(response.posted) + parseInt(response.unposted));
    //             $(filter + '#zero')         .text(response.zero);
    //             $(filter + '#negative')     .text(response.negative);
    //             $(filter + '#no_reading')   .text(response.noreading);
    //             $(filter + '#increase')     .text(response.increase);
    //             $(filter + '#decrease')     .text(response.decrease);
                
    //             if(response.unposted > 0){                
    //             }else{            
    //                 // $('.present-reading, .findings, .ab-findings').blur();
    //             }                
    //         },
    //         error : function(xhr){
    //             if(xhr.status != '422'){
    //                 $.alert({
    //                     title   : 'Oops, something went wrong!',
    //                     content : "<span style='font-size:20px' class='text-danger'>" 
    //                                 + xhr.status 
    //                             + "</span>" + '&nbsp;&nbsp;' 
    //                             + '<strong>'+xhr.statusText+'</strong>'
    //                             + '<br />'
    //                             + 'Refresh the page and try again.',
    //                     type    : 'red',
    //                     icon    : 'fa fa-warning',
    //                     draggable : true
    //                 });  
    //             }                 
    //         },
    //         beforeSend : function(){},
    //         complete : function(){}            
    //     });
    // }

    // function compute_consumption(source){
    //     $row        = source.closest('tr')
    //     $present    = $row.find('td:eq(5)').find('input').val();
    //     $previous   = $row.find('td:eq(6)').data('prev-rdg');
    //     $addCons    = $row.find('td:eq(7)').data('add-cons');
    //     $cum        = $present ? (parseInt($present) - parseInt($previous)) + parseInt($addCons) : '';        

    //     $row.find('td:eq(8)').data('cum', $cum);        

    //     $cum = $row.find('td:eq(8)').data('cum');
    //     $row.find('td:eq(8)').text($cum);         
    // }

    // function get_book_id(name){
    //     return (location.search.split(name + '=')[1] || '').split('&')[0];
    // }    

    // function get_existing_bills(book){  
    //     $.ajax({
    //         url   : $app_url + '/billing/bill-posting/get-bills-header',
    //         type  : 'GET',
    //         data  : {
    //             'book_id' : book
    //         },
    //         success : function(r){
    //             $('#table-bill-details').DataTable().destroy();
    //             $('#table-bill-details > tbody').empty();

    //             if(r.existing){

    //                 $('#previous_rdg_date')     .val(r.header.previous_rdg_date);
    //                 $('#present_rdg_date')      .val(r.header.present_rdg_date);
    //                 $('#due_date')              .val(r.header.due_date);
    //                 $('#batch_number')          .val(r.header.batch_number);
    //                 $('#batch_number')          .data('batch-id', r.header.id);
    //                 $('#reader_id')             .val(r.header.reader_id).change();
    //                 $('#present_rdg_date')      .attr('disabled', true);
    //                 $('#due_date')              .attr('disabled', true);               
    //                 $('#reader_id')             .attr('disabled', true);    
    //                 $('#div-new-batch')         .css('display', 'none');
    //                 $('.form-group')            .removeClass('has-error').prop('title', '');

    //                 load_bill_details(r.header.id, book);
                    
    //             }else{
    //                 $('#previous_rdg_date')     .val(r.prev_rdg);
    //                 $('#present_rdg_date')      .removeAttr('disabled');
    //                 $('#due_date')              .removeAttr('disabled');
    //                 $('#reader_id')             .removeAttr('disabled');
    //                 $('#batch_number')          .val($('#book_id').find('option:selected').text());
    //                 $('#box-details')           .css('display', 'none');
    //                 $('#div-new-batch')         .css('display', 'block');
    //             }     
    //             $('#present_rdg_date').focus();              
    //         },
    //         error : function(xhr){
    //             if(xhr.status != '422'){
    //                 $.alert({
    //                     title   : 'Oops, something went wrong!',
    //                     content : "<span style='font-size:20px' class='text-danger'>" 
    //                                 + xhr.status 
    //                             + "</span>" + '&nbsp;&nbsp;' 
    //                             + '<strong>'+xhr.statusText+'</strong>'
    //                             + '<br />'
    //                             + 'Refresh the page and try again.',
    //                     type    : 'red',
    //                     icon    : 'fa fa-warning',
    //                     draggable : true
    //                 });  
    //             }   
    //         },
    //         beforeSend : function(){
    //             // showBoxLoadingState();
    //         },
    //         complete : function(){
    //             // removeBoxLoadingState();
    //         }
    //     });     
    // }  

    // function hide_rows(){
    //     $('#table-bill-details > tbody > tr').not(':first').hide();
    // }     

    // function cleanUpCurrency(s){
    //     var expression = /^\$?\(?[\d,\.]*\)?$/;

    //     //Check if it is in the proper format
    //     if(s.match(expression)){
    //         //It matched - strip out parentheses and append - at front      
    //         return parseFloat('-' + s.replace(/[\$\(\),]/g,''));
    //     }
    //     else{
    //         return parseFloat(s);
    //     }   
    // }    






















    
    ////////////////////////////////////////////////////////////////
    //                                                            //
    // LOAD BILL DETAILS                                          //
    //                                                            //
    ////////////////////////////////////////////////////////////////

    // function load_bill_details(batch, book, type='ALL', title='CUSTOMER ACCOUNTS'){
    //     $.ajax({
    //         url  : $app_url + '/billing/bill-posting/get-bills-details',
    //         type : 'GET',
    //         data : {
    //             'book' : book,
    //             'type' : type
    //         },
    //         success : function(response){
    //             $table = $('#table-bill-details > tbody');

    //             var row = 1;
    //             var billType;
    //             var present;
    //             var previous;
    //             var additional;
    //             var cum;          
    //             var previousCum;
    //             var aveCum;
    //             var findings;
    //             var postBill;
    //             var bg = 'default';
    //             var disabled = '';            

    //             response.forEach(function(b){                              
    //                 previous    = b.previous_rdg;
    //                 additional  = b.additional_cum;
    //                 cum         = b.cum;
    //                 previousCum = b.previous_cum;
    //                 aveCum      = b.ave_cum;
    //                 remarks     = b.findings ? b.findings : '';
    //                 bg          = b.did > 0 ? 'success' : '';
    //                 rbSelected  = b.bill_type == 'RB' ? 'selected' : '';
    //                 abSelected  = b.bill_type == 'AB' ? 'selected' : '';
    //                 accountName = b.lastname + ', ' + b.firstname + ' ' + b.middlename;
    //                 accountName = b.business_name ?  b.business_name.toUpperCase() : accountName.toUpperCase();

    //                 var log = {
    //                     'account_name'  : accountName,
    //                     'account_id'    : b.account_id,
    //                     'class'         : b.acct_class + '-' + b.acct_subclass,
    //                     'bills_id'      : b.did,
    //                     'cum'           : cum,
    //                     'previous_date' : b.previous_rdg_date,
    //                     'meter_id'      : b.meter_id
    //                 };                    

    //                 console.log(log);

    //                 billType = ""
    //                 +"<td class='cellpad-top'>"
    //                     +"<select class='form-control input-sm bill-type' aria-hidden='true' style='width:60px; font-size:14px;'>"
    //                         +"<option value='RB' "+rbSelected+">RB</option>"
    //                         +"<option value='AB' "+abSelected+" data-ave-cum='"+aveCum+"'>AB</option>"
    //                     +"</select>"
    //                 +"</td>";

    //                 present  = ""
    //                 +"<td class='cellpad-top'>"
    //                     +"<input type='number' "+disabled+" value='"+(b.present_rdg==null ? '' : b.present_rdg)+"' class='form-control input-sm text-center present-reading' maxlength='6' style='width:100%;'>"
    //                 +"</td>";

    //                 if(b.bill_type == 'AB'){
    //                     findings = "<td class='cellpad-top'>"
    //                     +get_ab_findings(remarks)
    //                     +"</td>";
    //                 }else{
    //                     findings = ""
    //                     +"<td class='cellpad-top'>"
    //                         +"<input type='text' value='"+remarks+"' title='"+remarks+"' class='form-control input-sm findings' style='width:100%;'>"
    //                     +"</td>";
    //                 }

    //                 postBill = ""
    //                 +"<td class='cellpad-top text-center' style='background-color:transparent !important; vertical-align:middle'>"
    //                     +"<button class='btn btn-default post-bill' title='Post' disabled='true'><i class='fa fa-save text-success'></i></button>";
    //                 +"</td>";

    //                 $table.append("<tr data-account-id='" + b.account_id + "' data-details-id='"+ b.did +"' data-book='"+b.book+"' data-class='" + b.acct_class + "' data-sub-class='"+b.acct_subclass+"' data-meter-id='"+b.meter_id+"' data-max-reading='"+b.meter_max_reading+"' data-sc='"+b.sc_discount+"' data-advance='"+b.available_ap+"' data-previous-date='"+b.previous_rdg_date+"'>"
    //                                     +"<td>" + b.sequence + "</td>"
    //                                     +"<td>" + (b.account_no || 'N/A')  + "</td>"
    //                                     +"<td class='"+bg+"'>" + accountName + "</td>"
    //                                     +"<td>" + b.meter_no + "</td>"
    //                                     +billType
    //                                     +present
    //                                     +"<td class='text-center td-previous' data-prev-rdg='"          + previous    + "'>" + (previous == null ? '' : numeral(previous).format('(0)'))        + "</td>"
    //                                     +"<td class='text-center' data-add-cons='"                      + additional  + "'>" + additional                                                       + "</td>"
    //                                     +"<td class='text-center "+bg+"' data-cum='"                    + cum         + "'>" + ( cum == null ? '' : numeral(cum).format('(0)'))                 + "</td>"
    //                                     +"<td class='text-center' data-previous-cum='"                  + previousCum + "'>" + (previousCum == null ? '' : numeral(previousCum).format('(0)'))  + "</td>"
    //                                     +findings
    //                                     +postBill
    //                     +"</tr>");
    //                 row++;
    //             });

    //             $('.bill-type').css('font-size', '14px');
    //             $('.present-reading').css('font-size', '14px');               
    //             $('#box-details').css('display', '');
                
    //             $('#table-bill-details').DataTable({
    //                 deferRender : true,
    //                 processing  : true,
    //                 bPaginate   : false,
    //                 "dom"       : 'ift',
    //                 "bSort"     : false,  
    //                 "oLanguage" : {
    //                     "sSearch"       : "Search : ",
    //                     'sInfo'         : "<span style='font-size:16px' id='details-title'>"+title.toUpperCase()+"</span>",
    //                     "sInfoFiltered" : ""
    //                 },
    //                 "aoColumnDefs": [
    //                 ],
    //                 "scrollY"        : '330px',
    //             });                                

    //             update_reading_status(book, batch);
    //             $('.table-dt-billing > thead > tr').find('th:eq(0)').removeClass('sorting_asc').removeClass('sorting_disabled');            
    //         },
    //         error : function(xhr){
    //             if(xhr.status != '422'){
    //                 $.alert({
    //                     title   : 'Oops, something went wrong!',
    //                     content : "<span style='font-size:20px' class='text-danger'>" 
    //                                 + xhr.status 
    //                             + "</span>" + '&nbsp;&nbsp;' 
    //                             + '<strong>'+xhr.statusText+'</strong>'
    //                             + '<br />'
    //                             + 'Refresh the page and try again.',
    //                     type    : 'red',
    //                     icon    : 'fa fa-warning',
    //                     draggable : true
    //                 });  
    //             }   
    //         },
    //         beforeSend : function(){
    //             showBoxLoadingState();
    //         },
    //         complete : function(){
    //             removeBoxLoadingState();
    //         }
    //     });    
    // } // END FUNCTION - LOAD BILL DETAILS //    





</script>
@endsection