@extends('layouts.app')
@section('title', session('company_code') . ' Elite System')

<style type="text/css">
    .advance-payment{
        font-size  : 14px;
        background : #FFF;
        padding    : 0px 20px 10px 20px;
        height     : 85%;
    }	

    table{
        font-size: 14px;
    }

    .select2-selection__arrow, 
    .select2-selection__clear{
        display : none;
    }

    .page-header{
        margin-bottom: 10px !important;
    }    

    address{
        margin-bottom: 10px !important;
    }

    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }          
    
    input[type=number]{
    	font-size: 18px;
    }
</style>

@section('body')
<input type="hidden" id="current-printer" data-current-printer="{{ session('current_printer') }}">
<section class="advance-payment">
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
                Advance Payment
                
                <div class="pull-right">
                    <label class="text-danger">{{ session('col-back-date') ? date("F d, Y", strtotime(session('col-back-date'))) :  date("F d, Y") }}</label>
                </div>
                <small class="pull-right">
                    @if(session('system_mode') == 'parallel')
                    Please set the Collection Back Date on Bills Payment:&nbsp;
                    @endif
                </small>
            </h2>
        </div>
    </div>

    @include('layouts._search-customer')

    <div class="row">
    	<div class="col-xs-6">
    		@include('teller.advance-payment._ledger')
    	</div>

    	<div class="col-xs-6">
    		@include('teller.advance-payment._add')
    	</div>
    </div>
</section>
@endsection

@section('scripts')
<script src="{{ URL::asset('js/helper.js') }}"></script>
<script src="{{ URL::asset('js/elite.js') }}"></script>
<!-- <script src="{{ URL::asset('js/teller/advance-payment.js') }}"></script> -->

<script type="text/javascript">
$(document).ready(function(){
    Select2SearchAccount('cust__account-id', ['ac','dc', 'ia']);
    $('#cust__account-id').select2('open');

    function LoadAccountDetails(){
        var data      = $('#cust__account-id').select2('data')[0];
        var oldAcctNo = data.old_acct_no ? ' | ' + data.old_acct_no : '';
        var sc_number = data.sc_number ? data.sc_number.toUpperCase() : 'N/A';
        var senior = data.sc ? 'ACTIVE SC ' + sc_number : '';
        var tags = data.tags ? data.tags.toUpperCase() : '';
        var promo = data.promo_id ? data.promo_title.toUpperCase() : '';
        var refunded = data.refunded > 0 ? 'REFUNDED' : '';
        var athena = data.with_athena == 1 ? 'ATHENA' : '';

        $('#cust__account-name')    .text(data.text.toUpperCase());
        $('#cust__account-no')      .text(data.acct_no);
        $('#cust__old-account-no')  .text(oldAcctNo);
        $('#cust__address')         .text(data.address.toUpperCase());
        $('#cust__meter-no')        .text('M - ' + data.meter);
        $('#cust__account-class')   .text(data.acct_class.toUpperCase());
        $('#cust__account-book')    .text('B - ' + data.book_code);
        $('#cust__tags')            .text(tags);
        $('#cust__promo')           .text(promo);
        $('#cust__athena')          .text(athena);
        $('#cust__senior')          .text(senior);
        $('#cust__gdeposit')        .text('GD - ' + number_format(data.gdeposit));
        $('#cust__refunded')        .text(refunded);
        
        var acctStatus = data.acct_status;
        switch(acctStatus.toLowerCase()){
            case 'active' 
                : $('#cust__account-status')
                    .removeClass('label-info')
                    .removeClass('label-warning')
                    .removeClass('label-danger')
                    .addClass('label-info')
                    .text('ACTIVE');
                break;

            case 'disconnected' 
                : $('#cust__account-status')
                    .removeClass('label-info')
                    .removeClass('label-warning')
                    .removeClass('label-danger')                
                    .addClass('label-warning')
                    .text('DISCONNECTED');
                break;            

            case 'inactive'
                : $('#cust__account-status')
                    .removeClass('label-info')
                    .removeClass('label-warning')
                    .removeClass('label-danger')                
                    .addClass('label-danger')
                    .text('INACTIVE');
                break;                
        }

        // console.log('Account ID: '+ data.id);
        GetBalance(data.id, false);
    }   





    function PostPayment(){
        var data = $('#cust__account-id').select2('data')[0];
        var or_number = $('#ap__hidden-or').val();

        var vouchers    = [];
        $("#voucher-codes label").each(function() {
            vouchers.push($(this).text().toUpperCase().trim());
        });
        var vJoined     = vouchers.join(",");

        ajaxcall($app_url + '/teller/advance-payment/post-advance', 'POST', {
            account_id : data.id,
            amount     : cast($('#ap__amount-to-advance').val()),
            amt_voucher : cast($('#amt_voucher').text()),
            voucher_code : vJoined,
            or_number  : $('#ap__hidden-or').val()
        }, function(response){            

            $('#cust__account-id').prop('disabled', true);
            var printer = $('#current-printer').data('current-printer');
                                    
            qz.printers.find(printer).then(function(found) {
                $.ajax({
                    url: $app_url + '/teller/advance-payment/collection-details',
                    type: 'get',
                    cache: false,
                    data: { 'or-number' : or_number },
                    beforeSend: function() { },
                    success: function(data) {
                        $('#ap__amount-to-advance').removeAttr('disabled');
                        $('#ap__post').removeAttr('disabled');
                        if ($new_or == 1) {
                            if ($or_type == 'bwsi' || $or_type == 'hwri') {
                                print_or_new(data, printer);
                            }
                            else if ($or_type == 'sbri') {
                                print_or_new_sbri(data, printer);
                            }
                        }
                        else {
                            print_or(data, printer);
                        }
                    },
                    error: function(result) {
                        // Code here.
                    },  
                    complete: function() { 
                        // Code here.
                    }
                });
            }).catch(function(e) {
                console.error(e);
                alert('Unable to print receipt.' + e);
            });

            $.alert({
                title     : 'Payment Posted',
                content   : 'Advance Payment : ' + number_format($('#ap__amount-to-advance').val()),
                draggable : true,
                type      : 'green',     
                buttons : {
                    OK: {
                        btnClass: 'btn-success',
                        action : function(){       
                            $('#ap__amount-to-advance').prop('disabled', true);
                            $('#ap__post').prop('disabled', true);
                            location.reload();
                        },
                        keys : ['Enter'],
                        text : "Finish [ENTER]"
                    }
                }           
            });

            $('#ap__amount-to-advance').val('');
            GetBalance(data.id);        
        }, 
        true);
    }





    function GetBalance(acctId, paymentPosted=true){
        ajaxcall($app_url + '/teller/advance-payment/get-bills', 'GET', {
            account_id : acctId
        }, function(response){
            var balance = response;

            // $('#div-alert').css('display', 'none');
            
            if(cast(balance) > 0){
                $('#div-alert').css('display', '');
                $('#div-amount').css('display', 'none');
                $('#settle-balance').text(number_format(balance));
            }
            else{
                var data = $('#cust__account-id').select2('data')[0];
                var acctStatus = data.acct_status;
                if(acctStatus.toLowerCase()=='inactive'){
                    $('#div-amount').css('display', 'none');
                }else{
                    $('#div-alert').css('display', 'none');
                    $('#div-amount').css('display', '');

                    if(paymentPosted == false) {
                        $('#ap__amount-to-advance').focus();
                    }
                }
            }

            CheckPayables(acctId);
            GetAdvances(acctId);
        }, true);
    }





    function GetAdvances(acctId){
        ajaxcall($app_url + '/teller/advance-payment/get-advances', 'GET', {
            account_id : acctId
        }, function(response){
            $('.ap__t-ledger').DataTable().destroy();
            var table = $('.ap__t-ledger > tbody');
            table.empty();
            document.getElementById("t-01").deleteTFoot();

            var advBal = 0;

            $.each(response, function(index){
                var r = response[index];
                table.append("<tr>"
                                +"<td>"
                                    +r.date
                                +"</td>"                                
                                +"<td>"
                                    +r.particulars
                                +"</td>"        
                                +"<td>"
                                    +r.reference
                                +"</td>"        
                                +"<td style='text-align:right;'>"
                                    +number_format(r.amount)
                                +"</td>"                                                                                
                            +"</tr>");

                advBal = Number(advBal) + Number(r.amount.replace(',', ''));
                advBal = advBal <= 0 ? 0 : advBal;
            });



            $('.ap__t-ledger').append("<tfoot>"
                            +"<tr style='font-weight:bold;' class='success'>"
                                +"<td colspan='3'>Available Advances</td>"
                                +"<td style='text-align:right;font-size:16px;'>"
                                    +number_format(advBal)
                                +"</td>"
                            +"</tr>"
                        +"</tfoot>");               

            $('.ap__t-ledger').DataTable({
                deferRender : true,
                processing  : true,
                bPaginate   : false,
                "dom"       : 't',
                "bSort"     : false,  
                "scrollY"   : '60%',
                "oLanguage" : {
                    "sSearch" : ""
                },              
                "aoColumnDefs": [
                ],   
                "oLanguage": {
                    "sEmptyTable": "No advances found."
                },
            });     

            $('.ap__t-ledger > thead > tr').find('th:eq(0)').removeClass('sorting_asc').removeClass('sorting_disabled');        
            $('div.ap-ledger').css('margin-top', '-5px');

        }, true);
        
        $('#ap__amount-to-advance').val('0.00').focus();
    }

    function CheckPayables(acctId){
        ajaxcall($app_url + '/teller/bills-payment/get-bills', 'GET', {
            account_id : acctId
        }, function(response){
            var $pn = response.pn;
            var $ip = response.ipromi;
            var $al = response.athena;

            // PROMPT WARNING FOR BILL PROMISSORY
            if($pn){
                var $lastPaymentDate = ($pn == "N/A" ? "N/A"  : $pn.last_payment_date);
                var $amountPaid      = ($pn == "N/A" ? "0.00" : number_format($pn.amt_paid));

                $.alert({
                    title     : 'Bill Promissory',
                    draggable : true,
                    icon      : 'fa fa-warning text-warning',
                    content   : "<b style='color:red;'>This account has existing promissory notes.</b>" + '<br>'
                                    + "<div class='row'>"
                                        + "<div class='col-xs-6'>"
                                            + "<label>Last Payment Date</label>"
                                        + "</div>"
                                        + "<div class='col-xs-6'>"
                                            + "<label>"+ $lastPaymentDate +"</label>"
                                        + "</div>"                                        
                                    + "</div>"
                                    + "<div class='row'>"
                                        + "<div class='col-xs-6'>"
                                            + "<label>Amount Paid</label>"
                                        + "</div>"
                                        + "<div class='col-xs-6'>"
                                            + "<label>"+ $amountPaid +"</label>"
                                        + "</div>"                                        
                                    + "</div>"  
                                    + "<br />"
                                    + "<div class='row'>"
                                        + "<div class='col-xs-12'>"
                                            + 'For complete reference, go to <b>CSR > Bill Promissory</b> module.'
                                        + "</div>"
                                    + "</div>",
                    buttons : {
                        OK : {
                            btnClass : 'btn-warning',
                            text     : 'I UNDERSTAND'
                        }
                    }
                });
            }

            // PROMPT WARNING FOR ATHENA LOAN
            if($al){    
                $.alert({
                    title     : "Athena Loan",
                    draggable : true,
                    icon      : 'fa fa-warning text-warning',
                    content   : "<p>This account has an existing <b>Athena Loan</b>.<br/>Balance : <b>"+number_format($al)+"</b></p>" +
                                "<p>For complete reference, go to <b>Athena > Athena Loans</b> module.</p>",
                    buttons : {
                        OK : {
                            btnClass : 'btn-warning',
                            text     : 'I UNDERSTAND'
                        }
                    }
                });
            }

            // PROMP WARNING FOR ILLEGAL CONNECTION PROMISSORY
            if($ip != 'N/A'){
                $.alert({
                    title     : "Illegal Connection Promissory",
                    draggable : true,
                    icon      : 'fa fa-warning text-warning',
                    content   : "This account has an existing Promissory for <b>Illegal Connection</b>.<br/>Balance : <b>"+number_format($ip)+"</b>" +
                                "<p>For complete reference, go to <b>CSR > Illegal Promissory</b> module.</p>",
                    buttons : {
                        OK : {
                            btnClass : 'btn-warning',
                            text     : 'I UNDERSTAND'
                        }
                    }
                });
            }

        }, true);
    }





    $('#cust__account-id').change(function(){
        LoadAccountDetails();               
    }); 





    $('#cust__clear-search').click(function(){
        location.reload();
    }); 





    $("#ap__post").click(function(){
        var amtToAdvance = $('#ap__amount-to-advance').val();
        var amtVoucher = $('#amt_voucher').text();
        if(cast(amtToAdvance) > 0 || cast(amtVoucher) > 0){

            $('#ap__amount-to-advance').prop('disabled', true);
            $('#ap__post').prop('disabled', true);

            $.confirm({
                type      : 'blue',
                title     : 'Post Payment',
                content     : "<div style='padding:0px 20px;'>"
                                +"<div class='row'>"
                                    +"<div class='col-xs-8 text-primary' style='font-size:14px;font-weight:bold;'>"
                                        +"OR# : "+$('#ap__hidden-or').val()
                                    +"</div>"
                                    +"<div class='col-xs-4 text-right' style='font-size:16px;'>"
                                        +''
                                    +"</div>"                                                   
                                +"</div>"                
                                +"<div class='row'>"
                                    +"<div class='col-xs-8' style='font-size:16px;'>"
                                        +"Amount To Advance"
                                    +"</div>"
                                    +"<div class='col-xs-4 text-right' style='font-size:16px; font-weight:bold;'>"
                                        +number_format(cast(amtToAdvance) + cast(amtVoucher)) 
                                    +"</div>"                                                   
                                +"</div>"
                            +"</div>"           
                            +"<div class='row' style='padding: 0px 20px; margin-top:20px; font-size:16px;'>"
                                +"<div class='col-xs-12'>"                                    
                                    +"Do you want to proceed?"
                                +"</div>"
                            +"</div>",
                draggable : true,
                icon      : 'fa fa-question-circle',
                buttons : {
                    YES : {
                        btnClass : 'btn-green',
                        action : function(){   
                            this.buttons.YES.disable();                         
                            PostPayment();
                        },
                        keys : ['Y', 'enter'],
                        text : "YES &nbsp; <i class='fa fa-check'></i>"
                    },
                    NO : {
                        btnClass : 'btn-red',
                        action : function(){
                            $('#ap__amount-to-advance').removeAttr('disabled');
                            $('#ap__amount-to-advance').focus();
                            $('#ap__post').removeAttr('disabled');
                        },
                        keys : ['N', 'esc'],
                        text : "CANCEL &nbsp; <i class='fa fa-remove'></i>"
                    }
                }
            });
        }
        // else{
        //     $.alert({
        //         type      : 'orange',
        //         title     : 'Invalid Amount',
        //         content   : 'Please enter a valid amount.',
        //         draggable : true,
        //         icon      : 'fa fa-exclamation-circle'
        //     });
        // }
    });





    $(document).on('keyup', '#ap__amount-to-advance', function(e){
        if(e.which == 13){
            console.log('pressed enter');
            console.log('--------------------');
            $('#ap__post').trigger('click');
        }
    });





    $(document).on('focusin', '.payment__inputs', function(){
        $(this).css('background-color', '#ffff8d'); 
        $(this).select();
    });

    $(document).on('focusout', '.payment__inputs', function(){
        $(this).css('background-color', '#fff'); 
    });


    // OLD OR PRINTING TEMPLATE
    function print_or(data, printer) {
        console.log('OR Print');
        console.log('--------------------');
        console.log(data);
        // Create a default config for the found printer.
        var conf = qz.configs.create(printer, {             
                        size:  { width:4.25, height:5.5 },
                        units: 'in'
                    });

        // Customer's name and address.
        var or = ['\x1B' + '\x40',
                  '\n\n\n\n\n' + append_space(0, data.col.or_number.length + 3) + 'OR:' + data.col.or_number + '\n',
                  '\n\n\n',
                  '\n\x20\x20\x20\x20\x20\x20\x20\x20\x20' + data.col.acct_number + '\n\x20\x20\x20\x20\x20\x20\x20\x20\x20',
                  data.col.cust_fname ? data.col.cust_fname.substring(0,34).toUpperCase() : data.col.cust_bname.substring(0,34).toUpperCase(),
                  '\n\x20\x20\x20\x20\x20\x20\x20\x20\x20' + data.col.complete_address.substring(0,34).toUpperCase() + '\n\n'];

        var reference = 'ADVANCE PAYMENT';
        var amt_paid = numeral(data.col.amt_paid);

        or.push('\x20\x20' + reference.substring(0,27) + append_space(reference.length > 27 ? 29 : reference.length+2, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n');

        // Add 3 lines.
        for(var i=1; i<=4; i++) { 
            or.push('\n');
        }

        or.push(append_space(0, 4) + '0.00\n');
        or.push(append_space(0, data.col.amt_paid.length) + data.col.amt_paid + '\n');
        or.push(append_space(0, 4) + '0.00\n');
        or.push(append_space(0, data.col.amt_paid.length) + data.col.amt_paid + '\n\n\n');
        or.push(append_space(0, data.col.created_by.length) + data.col.created_by.toUpperCase() + '\n\n\n\n');
        or.push('\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('YYYY-MM-DD') + '\n');
        or.push('\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('HH:mm:ss') + '\n\n\n\n');

        // Print OR
        return qz.print(conf, or);
    }

    // NEW OR PRINTING TEMPLATE FOR BWSI AND HWRI
    function print_or_new(data, printer) {
        // Create a default config for the found printer.
        var conf = qz.configs.create(printer, {             
                        size:  { width:4.5, height:9 },
                        units: 'in'
                    });

        // Customer's name and address.
        var tin = data.col.tin_number;
        var sc_discount = data.col.sc_discount;
        var sc_number = data.col.sc_number ? data.col.sc_number : '';

        tin = tin ? tin : '';
        sc_number = sc_discount ? sc_number : '';

        var or = [];
        var append = '\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';

        or.push('\x1B\x40'); // CLEAR ALL FORMATTING
        or.push('\x1B\x4D'); // 12 CPI 
        
        or.push('\n\n\n\n\n\n\n\n\n' + '\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20' + append_space(0, data.col.or_number.length + 3) + data.col.or_number + '\n');
        or.push('\n\n\n');
        or.push(append + data.col.acct_number.toUpperCase() + '\n' + append);
        or.push(data.col.cust_bname ? data.col.cust_bname.substring(0,40).toUpperCase() : data.col.cust_fname.substring(0,40).toUpperCase());
        or.push('\n' + append + data.col.complete_address.substring(0,40).toUpperCase());
        or.push('\n' + append + tin);
        or.push('\n' + append + sc_number + '\n\n\n');

        var reference = 'ADVANCE PAYMENT';
        var amt_paid = numeral(data.col.amt_paid);
                    
        or.push('\x20\x20' + reference + append_space(reference.length > 27 ? 29 : reference.length+2, amt_paid.format('0,0.00').length) + '\x20\x20\x20\x20\x20\x20\x20\x20\x20' + amt_paid.format('0,0.00'));

        for(var i=1; i<=11; i++) { 
            or.push('\n');
        }

        // TOTAL SALES AMT
        or.push('\x20\x20\x20\x20\x20\x20\x20\x20\x20' + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n\n\n');

        // TAXABLE LINE
        or.push('\x20\x20\x20\x20\x20' + append_space(0, 0) + '0.00\n');
        // EXEMPT TAX LINE
        or.push('\x20\x20\x20\x20\x20\x20\x20\x20\x20' + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n');
        // SENIOR LINE
        or.push('\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // DISCOUNT LINE
        or.push('\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // TAX LINE 
        or.push('\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // TOTAL AMOUNT PAID LINE
        or.push('\x20\x20\x20\x20\x20\x20\x20\x20\x20' + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n\n\n');

        // CREATED BY LINE
        or.push('\x20\x20\x20\x20\x20\x20' + append_space(0, data.col.created_by.length) + data.col.created_by.toUpperCase() + '\n\n\n\n\n\n\n');
        // TIME DATE LINE
        or.push('\x20\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('YYYY-MM-DD') + '\n');
        or.push('\x20\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('HH:mm:ss') + '\n\n\n\n');

        // Print OR
        return qz.print(conf, or);
    }

    // NEW OR PRINTING TEMPLATE FOR SBRI ONLY
    function print_or_new_sbri(data, printer) {
        // Create a default config for the found printer.
        var conf = qz.configs.create(printer, {             
                        size:  { width:4.5, height:9 },
                        units: 'in'
                    });

        // Customer's name and address.
        var tin = data.col.tin_number;
        var sc_discount = data.col.sc_discount;
        var sc_number = data.col.sc_number ? data.col.sc_number : '';

        tin = tin ? tin : '';
        sc_number = sc_discount ? sc_number : '';

        var or = [];
        var append = '\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';

        or.push('\x1B\x40'); // CLEAR ALL FORMATTING
        or.push('\x1B\x4D'); // 12 CPI 
        
        or.push('\n\n\n\n\n\n\n\n' + '\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20' + append_space(0, data.col.or_number.length + 3) + data.col.or_number + '\n');
        or.push('\n\n');
        or.push(append + data.col.acct_number.toUpperCase() + '\n' + append);
        or.push(data.col.cust_bname ? data.col.cust_bname.substring(0,40).toUpperCase() : data.col.cust_fname.substring(0,40).toUpperCase());
        or.push('\n' + append + data.col.complete_address.substring(0,40).toUpperCase());
        or.push('\n' + append + tin);
        or.push('\n' + append + '\x20\x20\x20\x20\x20' + sc_number + '\n\n\n');

        var reference = 'ADVANCE PAYMENT';
        var amt_paid = numeral(data.col.amt_paid);
                    
        or.push('\x20\x20\x20' + reference + append_space(reference.length > 27 ? 29 : reference.length+2, amt_paid.format('0,0.00').length) + '\x20\x20\x20\x20\x20\x20\x20\x20\x20' + amt_paid.format('0,0.00'));

        for(var i=1; i<=11; i++) { 
            or.push('\n');
        }

        var append_body = '\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';

        // TOTAL SALES AMT
        or.push(append_body + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n\n');

        // TAXABLE LINE
        or.push('\x20\x20\x20\x20\x20\x20' + append_space(0, 0) + '0.00\n');
        // EXEMPT TAX LINE
        or.push(append_body + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n');
        // SENIOR LINE
        or.push('\x20\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // DISCOUNT LINE
        or.push('\x20\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // TAX LINE 
        or.push('\x20\x20\x20\x20' + append_space(0, 0) + '(0.00)\n');
        // TOTAL AMOUNT PAID LINE
        or.push(append_body + append_space(0, amt_paid.format('0,0.00').length) + amt_paid.format('0,0.00') + '\n\n\n');

        // CREATED BY LINE
        or.push('\x20\x20\x20\x20\x20\x20' + append_space(0, data.col.created_by.length) + data.col.created_by.toUpperCase() + '\n\n\n\n\n\n\n\n\n\n');

        // TIME DATE LINE
        or.push('\x20\x20\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('YYYY-MM-DD') + '\n');
        or.push('\x20\x20\x20\x20\x20\x20\x20' + moment(data.col.created_at).format('HH:mm:ss') + '\n\n\n\n');

        // Print OR
        return qz.print(conf, or);
    }

    function append_space(ref_length, amt_length) {
        maxsp = 42;
        space = maxsp - (ref_length + amt_length);
        ucode = "";
        index = 0;

        while(index <= space) {
            ucode+= "\x20";
            index++;
        }

        return ucode;
    }      

    $('#insert-voucher').on('click', function(){
        // PREVENT HWRI BRANCHES TO USE VOUCHER
        if ($company == 3 || $branch == 80) {
            return false;
        }

        if ($('#cust__account-id option:selected').val()) {
            $jc = $.confirm({
                title     : '',
                content   : "<div class='form-group ornumber'>" +
                                "<label class='control-label'>Set Voucher Code</label>" +
                                "<input type='text' class='form-control voucher-code' placeholder='Please enter your voucher code.'>" +
                            "</div>",
                draggable : true,
                buttons   : {
                    SUBMIT : {
                        text: 'SET VOUCHER CODE',
                        btnClass: 'btn-warning',
                        action: function(){
                            var $jc = this;
                            var code = $jc.$content.find('input.voucher-code').val().trim();
                            var count = 0;
    
                            // DOUBLE CHECK IF VOUCHER IS ENCODED
                            $("#voucher-codes label").each(function() {
                                var existing_codes = $(this).text().trim();
                                if (existing_codes.toUpperCase() == code.toUpperCase()) {
                                    count += 1;
                                }
                            });
    
                            if (count > 0) {
                                $.confirm({
                                    draggable: true,
                                    title: false,
                                    type: 'red',
                                    content:'<p class="text-center"><i class="fa fa-fw fa-exclamation-triangle text-bold text-danger" style="font-size:54px"></i></p>' +
                                            '<h4 class="text-center text-bold text-danger">SOMETHING WENT WRONG</h4>' +
                                            '<hr style="margin-bottom:8px">' +
                                            '<p class="text-center">The voucher code is already encoded!</p>',
                                    buttons: {
                                        yes: {
                                            text: '<small>[ENTER]</small> got it!',
                                            btnClass: 'btn-danger',
                                            keys: ['enter'],
                                            action: function() {
                                                $('.voucher-code').focus();
                                            }
                                        }       
                                    }
                                });
                                
                                return false;
                            }
    
                            // VALIDATION IF HAS VOUCHER
                            if(code) {
                                this.buttons.SUBMIT.disable();
                                $.ajax({
                                    url: $app_url + '/check-voucher',
                                    type: 'GET',
                                    data: { 'code' : code },
                                    success : function(response){
                                        $jc.close();
    
                                        if (response.action == true) {
                                            var discount = response.discount;
                                            var voucher_card = '<label class="label label-primary" style="font-size:80% !important;" title="PHP' + discount + '">' + code.toUpperCase() + '</label>&nbsp;';
                                            document.getElementById("voucher-codes").innerHTML += voucher_card;
    
                                            var old_amount = $('#amt_voucher').text();
                                            var new_amount = cast(discount) + cast(old_amount);
                                            $('#amt_voucher').text(number_format(new_amount));
                                            // computeTotalAmount();
                                        }
                                        else {
                                            $.confirm({
                                                draggable: true,
                                                title: false,
                                                type: 'red',
                                                content:'<p class="text-center"><i class="fa fa-fw fa-exclamation-triangle text-bold text-danger" style="font-size:54px"></i></p>' +
                                                        '<h4 class="text-center text-bold text-danger">SOMETHING WENT WRONG</h4>' +
                                                        '<hr style="margin-bottom:8px">' +
                                                        '<p class="text-center">The voucher code may have already been used or is invalid!<br>Please contact Central IT Division for assistance.</p>',
                                                buttons: {
                                                    yes: {
                                                        text: '<small>[ENTER]</small> got it!',
                                                        btnClass: 'btn-danger',
                                                        keys: ['enter'],
                                                        action: function() {
                                                            $('.voucher-code').focus();
                                                        }
                                                    }       
                                                }
                                            });
                                        }
                                    },
                                    error : function(){},
                                    beforeSend : function(){
                                        showBoxLoadingState();
                                    },
                                    complete : function(){
                                        removeBoxLoadingState();
                                    }
                                });                                 
                            }  
            
                            return false;
                        }
                    },
                    CANCEL : {
                        text: 'CANCEL'
                    }
                },
                onOpenBefore : function() {},
                onContentReady : function() {
                    $('.voucher-code').focus();                   
                },
            });   
        }
    });
});    
</script>

<script src="{{ URL::asset('js/qz-tray/rsvp-3.1.0.min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/sha-256.min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/qz-tray.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/jsrsasign-all-min.js') }}"></script>
<script src="{{ URL::asset('js/qz-tray/set-certificate.js') }}"></script>