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

@section('body')
<div class="box box-default">
	<div class="box-body">
		<div class="row">
            <div class="col-xs-12 hidden-print">
                <label class="text-primary" style="font-size:16px; margin-top:6px">New Bill Promissory</label> 
                 
                <div class="pull-right">
                    <button class="btn btn-success" id="btn-save">
                        <i class="fa fa-save"></i> Save Promissory Note
                    </button>
                </div> 
                <div class="pull-right" style="margin-right:5px;">
                    <a href="{{ url('/csr/bill-promissory') }}" class="btn btn-default pull-right"><i class="fa fa-chevron-left"></i> Go Back</a>
                </div>
            </div>
		</div>

		<hr style="margin-top:6px; margin-bottom:8px">
        @include('layouts._search-customer')

        <div id="bills-container" style="margin-top:12px">
        </div>
	</div>
</div>
@endsection

@section('scripts')
<script src="{{ URL::asset('js/elite.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        Select2SearchAccount('cust__account-id', ['ac', 'dc', 'ia']);

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

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

        LoadAccountDetails = function () {
            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() : '';
            $('#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__senior')          .text(senior);
            $('#cust__gdeposit')        .text('GD - ' + number_format(data.gdeposit));

            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;                
            }

            // Get unpaid water bills.
            $.ajax({
                url: $app_url + '/csr/bill-promissory/acct-bills',
                type: 'get',
                dataType: 'html',
                data: { 'acct_id' : data.id },
                success: function(response) {
                    $('#bills-container').html(response);
                }
            });
        }

        ComputeSubTotal = function() {
            var totaldue = 0;
            var penalty = 0;
            var gdeposit = 0;
            var advance = 0;
            var senior = 0;
            var partial = 0;
            var balance = 0;
            var discount = 0;
            var interest = 0;

            $.each($('.chk-bill:checkbox:checked'), function() {
                var row = $(this).closest('tr');

                totaldue += parseFloat($(this).data('total-due'));
                penalty += parseFloat($(this).data('penalty'));
                gdeposit += parseFloat($(this).data('gdeposit'));
                advance += parseFloat($(this).data('advance'));
                senior += parseFloat($(this).data('senior'));
                partial += parseFloat($(this).data('amount-paid'));
                balance += parseFloat($(this).data('balance'));
                discount += parseFloat(row.find('.input__discount').text().replace(',', ''));
                interest += parseFloat(row.find('.input__interest').text().replace(',', ''));
            });

            var net = balance + interest - discount;

            $('.totals__bill').text(number_format(totaldue));
            $('.totals__pen').text(number_format(penalty));
            $('.totals__gd').text(number_format(gdeposit));
            $('.totals__adv').text(number_format(advance));
            $('.totals__scd').text(number_format(senior));
            $('.totals__paid').text(number_format(partial));
            $('.totals__bal').text(number_format(balance));
            $('.totals__discount').text(number_format(discount));
            $('.totals__interest').text(number_format(interest));
            $('.totals__net').text(number_format(net));

            var initial = parseFloat($('.input__initial').val()) != NaN ? parseFloat($('.input__initial').val()) : 0;
            var terms = parseInt($('.input__terms').val()) != NaN ? parseInt($('.input__terms').val()) : 1;
            var monthly = 0;

            if (initial >= net) {
                $('.input__initial').val(0);
                monthly = net / terms;
            }
            else {
                monthly = (net - initial) / terms;
            }

            $('.totals__terms').text(terms);
            $('.totals__monthly').text(number_format(monthly));
        }


        // Save promissory.
        $('#btn-save').click(function(e) {
            var i = 0;
            $.each($('.chk-bill:checkbox:checked'), function() { i++; });

            if (i > 0 && parseFloat($('.totals__monthly').text())) {
                $jc = $.confirm({
                    title: false,
                    draggable: true,
                    columnClass: 'small',
                    content: '<p class="text-center"><i class="fa fa-question-circle text-bold text-success" style="font-size:54px"></i></p>' +
                             '<p class="text-center">Are you sure you want to post this bill promissory?</p>',
                    type: 'green',
                    buttons: {
                        CANCEL: {
                            btnClass:'btn btn-default',
                            text: '<small>[ESC]</small> CANCEL',
                            keys: ['esc']
                        },
                        CONFIRM: {
                            btnClass: 'btn btn-success',
                            text: '<i class="fa fa-save"></i> SAVE PROMISSORY',
                            action: function() {
                                $jc.showLoading(true);

                                $details = [];
                                $.each($('.chk-bill:checkbox:checked'), function() {
                                    $details.push({
                                        'bill_id': Number($(this).data('id')),
                                        'discount': parseFloat($(this).closest('tr').find('.input__discount').text().replace(',', '')),
                                        'interest': parseFloat($(this).closest('tr').find('.input__interest').text().replace(',', ''))
                                    });
                                });

                                $.ajax({
                                    url: $app_url + '/csr/bill-promissory/post-promissory',
                                    method: 'post',
                                    data: {
                                        'acct_id': $('#cust__account-id').val(),
                                        'details': $details,
                                        'initial': parseFloat($('.input__initial').val().replace(',', '')),
                                        'terms': Number($('.input__terms').val())
                                    },
                                    success: function(res) {
                                        $.confirm({
                                            draggable: true,
                                            title: false,
                                            content: '<p class="text-center"><i class="fa fa-fw fa-check-circle text-bold text-success" style="font-size:60px"></i></p>' +
                                                     '<h4 class="text-center text-bold text-success">SUCCESS</h4>' +
                                                     '<hr style="margin-bottom:8px">' +
                                                     '<p class="text-center">Bill promissory was successfully posted, please proceed to teller for the payment if initial payment has been set.</p>',
                                            type: 'green',
                                            buttons: {
                                                yes: {
                                                    text: '<small>[ENTER]</small> got it!',
                                                    btnClass: 'btn-success',
                                                    keys: ['enter'],
                                                    action: function() {
                                                        window.location.href = $app_url + '/csr/bill-promissory';
                                                    }
                                                }
                                            }
                                        });
                                    },
                                    error: function(res) {
                                        $.each(res.responseJSON, function(k,v) {
                                            $('#'+k).closest('.form-group').addClass('has-error');
                                        });

                                        $jc.hideLoading(true);
                                    }
                                });
                            }
                        }
                    }
                });
            }
        });
    });
</script>
@endsection