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

<style type="text/css">

</style>

@section('body')
<div class="row" style="padding-left:5px; padding-right:5px">
	<div class="box-header with-border">
	  	<h3 class="box-title">CUSTOMERS REFUND FUND</h3>
	</div>
</div>

<div class="row">
    <div class="col-xs-12">
        <div class="box box-success">        
            <div class="box-body">
                @include('teller.refund-fund._create')
            </div>
        </div>
    </div>    
</div>
@endsection


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

		$('#filter-by-account').change(function(){
			window.history.replaceState(null, "BWSI", $app_url + '/teller/refund-fund?aid='+$(this).val());
			window.location.reload();
		});

		$('#create-refund-voucher').click(function(){
            var rf = $.confirm({
                content: function () {
                    var self = this;
                    return $.ajax({
                        url      : $app_url + '/teller/refund-fund/voucher',
                        data     : {
                        	'payee' : $.trim($('#rs-details-account-name').text()),
                        	'rsno'  : $.trim($('#rs-details-slip-no').text()),
                        	'net'   : $.trim($('#rs-details-net-amount').text())
                        },
                        dataType : 'html',
                        method   : 'get'
                    }).done(function (response) {
                        self.setContent(response);
                        $('.jconfirm-content').addClass('page-body');
                    }).fail(function(){
                        self.setContent('Something went wrong.');
                    });
                },
                title       : 'CUSTOMERS REFUND FUND VOUCHER',
                type        : 'green',
                columnClass : 'xl',
                draggable   : true,
                buttons     : {
                    SAVE   : {
                    	btnClass : 'btn-green',
                    	action : function(){
                            $.confirm({
                                title       : 'CREATE REFUND VOUCHER',
                                content     : 'Do you want to proceed?',
                                type        : 'blue',
                                draggable   : true,                                
                                buttons : {
                                    YES : function(){
                                        rf.close();
                                        save_voucher('refund');
                                    },
                                    NO : function(){}
                                }
                            });
                    		return false;
                    	},
                    },
                    CANCEL : function(){

                    }
                },                
                onContentReady : function(){
                    // this.buttons.PRINT.disable();
                }
            }); 			
		});

        $('#create-or').click(function(){
            var cp = $.confirm({
                content: function () {
                    var self = this;
                    return $.ajax({
                        url      : $app_url + '/teller/refund-fund/payment',
                        data     : {
                            'payee' : $.trim($('#rs-details-account-name').text()),
                            'rsno'  : $.trim($('#rs-details-slip-no').text()),
                            'net'   : $.trim($('#rs-details-net-amount').text())
                        },
                        dataType : 'html',
                        method   : 'get'
                    }).done(function (response) {
                        self.setContent(response);
                        $('.jconfirm-content').addClass('page-body');
                    }).fail(function(){
                        self.setContent('Something went wrong.');
                    });
                },
                title       : 'PAYMENT OF CUSTOMERS NET PAYABLE',
                type        : 'green',
                columnClass : 'm',
                draggable   : true,
                buttons     : {
                    SAVE   : {
                        btnClass : 'btn-green',
                        text     : 'Post Payment',
                        // keys     : ['enter'],
                        action : function(){
                            var method      = $('#cash-cheque').is(':checked') ? 'cash' : 'check';
                            var amountpaid  = cast($('#amount-paid').val());
                            var amountdue   = cast($('#amount-due').text());

                            var checkno  = $('#check-number').val();
                            var bankname = $('#bank-name').val();

                            if(!amountpaid || amountpaid < amountdue){
                                $.alert({
                                    title     : 'Invalid Entry',
                                    content   :'Amount Paid must be equal or greater than amount due.',
                                    type      : 'orange',
                                    draggable : true
                                });
                                return false;
                            }
                            if(method == 'check'){

                                if(!checkno){
                                    $.alert({
                                        title     : 'Invalid Entry',
                                        content   :'Check Number cannot be blank.',
                                        type      : 'orange',
                                        draggable : true
                                    });
                                    return false;
                                }

                                if(!bankname){
                                    $.alert({
                                        title     : 'Invalid Entry',
                                        content   :'Bank Name cannot be blank.',
                                        type      : 'orange',
                                        draggable : true
                                    });
                                    return false;
                                }
                            }


                            $.confirm({
                                title       : 'POST PAYMENT',
                                content     : 'Do you want to proceed?',
                                type        : 'blue',
                                draggable   : true,                                
                                buttons : {
                                    YES : function(){
                                        cp.close();
                                        save_voucher('payable', amountdue, method, amountpaid, checkno, bankname);
                                    },
                                    NO : function(){}
                                }
                            });

                            return false;
                        },
                    },
                    CANCEL : function(){

                    }
                },                
                onContentReady : function(){     
                    var self = this;

                    self.buttons.SAVE.disable();

                    $("[name='cash-cheque']").bootstrapSwitch({
                        onText   : 'CASH',
                        offText  : 'CHECK',
                        onColor  : 'default',
                        offColor : 'default'
                    });

                    $("[name='cash-cheque']").on('switchChange.bootstrapSwitch', function(event, state){
                        var method = state == true ? 'cash' : 'check';
                        if(method == 'cash'){
                            $('#div-change').css('display', '');
                            $('#div-check-no').css('display', 'none');
                            $('#div-bank-name').css('display', 'none');
                        }else{
                            $('#div-change').css('display', 'none');
                            $('#div-check-no').css('display', '');
                            $('#div-bank-name').css('display', '');
                        }
                        $('#amount-change').text('0.00');
                        $('#amount-paid').val('');           
                        self.buttons.SAVE.disable();
                        $('#amount-paid').focus();                        
                    });

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

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

                    $(document).on('keyup', '.inputs', function(){
                        
                    });

                    $(document).on('keyup', '#amount-paid', function(e){
                        var amountpaid   = cast($('#amount-paid').val());
                        var amountdue    = cast($('#amount-due').text());
                        var amountchange = amountpaid > amountdue ? amountpaid - amountdue  : 0;

                        if(amountpaid >= amountdue){
                            self.buttons.SAVE.enable();
                        }else{
                            self.buttons.SAVE.disable();
                        }

                        $('#amount-change').text(number_format(amountchange));                        

                        if(e.which == 13){
                            var method = $('#cash-cheque').is(':checked') ? 'cash' : 'check';
                            if(method == 'cash'){
                                if(amountpaid >= amountdue){
                                    $('#amount-paid').blur();
                                }
                            }                            
                        }                        
                    });

                    $('#amount-paid').focus();
                }
            }); 
        });

		function save_voucher(type, amt_paid=null, method=null, amt_received=null, checkno=null, bankname=null){
			var voucher = {
				'account_id'  : $('#hidden-account-id').val(),
				'amount'      : cast($.trim($('#refundable-gd').text())),
				'rs_id' 	  : $('#hidden-rs-id').val(),
				'rs_no'		  : $.trim($('#rs-details-slip-no').text()),
				'particulars' : $.trim($('#particulars').text())                
			};

            var amt_total = cast($.trim($('#rs-details-total-unpaid').text())) + cast($.trim($('#rs-details-total-payables').text()));

            $.ajax({
                url   : $app_url + '/teller/refund-fund/save',
                type  : 'POST',
                data  : {
                    '_token'         : $('[name=_token]').val(),
                    'voucher'        : voucher,
                    'refund_type'    : type,
                    'amt_total'      : amt_total,
                    'amt_paid'       : type == 'refund' ? amt_total : cast(amt_paid),
                    'payment_method' : type == 'refund' ? 'cash'    : method,
                    'amt_received'   : type == 'refund' ? amt_total : cast(amt_received),
                    'check_no'       : type == 'refund' ? null      : checkno,
                    'bank_name'      : type == 'refund' ? null      : bankname
                },
                success : function(response){
                    console.log(response);
                    window.location.reload();
                },
                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();
                }
            });
		}






        $('#filter-by-account').select2({
            allowClear: true,
            ajax: {
                url: $app_url + '/billing/refund-posting/account-search',
                delay: 300,
                data: function (params) {
                    return query = {
                        search : params.term,
                        page   : params.page,
                        filter : ['Inactive']
                    }
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;

                    return {
                        results: $.map(data.items, function (data) {
                            return {
                                text          : data.cust_fullname ? data.cust_fullname : data.cust_bname,
                                acct_id       : data.cust_id,
                                acct_class    : data.acct_class == 'res' ? 'Residential' : 'Commercial',
                                account_class : data.acct_class,
                                address       : data.cust_address,
                                id            : data.cust_id,
                                sc            : data.sc_discount,
                                adv           : data.adv_payment,
                                acct_no       : data.acct_number,
                            }
                        }),
                        pagination: {
                            more: (params.page * 10) < data.count
                        }
                    };
                },

            },
            escapeMarkup: function (markup) { return markup; },
            templateResult: formatAcctSearchResults

        });

        function formatAcctSearchResults(results) {
            if(results.loading) return results.text;

            var markup = "<div class='select2-result-repository clearfix'>" +
                         "<div class='select2-result-repository__title'>" + results.text + "</div>";

            if (results.address) {
                markup += "<div class='select2-result-repository__description'><i class='fa fa-map-marker fa-fw'></i>" + results.address + "</div>";
            }

            markup +=   "<div class='select2-result-repository__statistics'>" +
                            "<div class='select2-result-repository__forks'><i class='fa fa-lock fa-fw'></i>" + results.acct_no + "</div>" +
                            "<div class='select2-result-repository__stargazers'><i class='fa fa-street-view fa-fw'></i>" + results.acct_class + "</div>" +
                        "</div>";

            return markup;
        }  

        function number_format(number){
            return numeral(number.toString().replace(/,/g, '')).format('(0,0.00)');
        }

        function cast(number){
            return Number(number.toString().replace(/,/g, ''));
        }   
	});
</script>
@endsection