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

@section('header')
Dashboard
@endsection

@section('body')
<div class="box box-default">
	<div class="box-body">
        <div class="row">
            <div class="col-xs-12">
                <label class="text-primary" style="font-size:16px; margin-top:6px">Deactivated Accounts</label>

                <div class="pull-right box-tools">
                    <a class="btn btn-default pull-right deactivate"><i class="fa fa-fw fa-plus-circle text-success"></i> Deactivate an Account</a>
                </div>
                <input type="hidden" id="is_reading" value="{{ $is_reading }}">
            </div>
        </div>
        <hr style="margin-top:6px; margin-bottom:8px">
  		<div class="row">
    		<div class="col-xs-12">
      			<table class="table table-condensed table-hover" id="table-customers" style="width:100%">
                    <thead class="table-header-bg">
                        <tr>
                            <th>Account No.</th>
                            <th>Customer's Name</th>
                            <th style="padding-right:5px">G. Deposit</th>
                            <th style="padding-right:5px">Advances</th>
                            <th style="padding-right:5px">Water Bills</th>
                            <th style="padding-right:5px">Other Payables</th>
                            <th style="padding-right:5px">Net Amount</th>
                            <th style="padding-right:5px">Reference No.</th>
                            <th style="padding-right:5px">Date De-Activated</th>
                        </tr>
                    </thead>
                </table>
    		</div>
	  	</div>
	</div>
</div>
@endsection

@section('scripts')
<script src="{{ URL::asset('js/printThis.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        is_reading = $('#is_reading').val();

        if (is_reading == 0) {
            $.confirm({
                draggable: true,
                title: false,
                type: 'red',
                content:'<p class="text-center"><i class="fa fa-fw fa-exclamation-circle text-bold text-danger" style="font-size:54px"></i></p>' +
                        '<h4 class="text-center text-bold text-danger">SYSTEM ALERT</h4>' +
                        '<hr style="margin-bottom:8px">' +
                        '<p class="text-center"><strong>Account Deactivation</strong> module is <strong>temporarily unavailable</strong>.<br/>Meter reading is <strong>on-going</strong>!</p>',
                buttons: {
                    yes: {
                        text: '<small>[ENTER]</small> got it!',
                        btnClass: 'btn-danger',
                        keys: ['enter']
                    }       
                }
            });
        }


        $dt = $('#table-customers').DataTable({
            ordering: false,
            deferred: true,
            processing: true,
            serverSide: true,
            ajax: {
                url: $app_url + '/billing/acct-deactivation/dt',
                data: function(d) {
                    d.acct_status   = $('#filter-by-status option:selected').val(),
                    d.book_id       = $('#filter-by-book option:selected').val(),
                    d.acct_class    = $('#filter-by-class option:selected').data('class'),
                    d.acct_subclass = $('#filter-by-class option:selected').data('subclass')
                }
            },
            columns: [
                { data:'acct_number',       name:'ca.acct_number'  },
                { data:'cust_name',         name:'cust_name',           className: "text-uppercase"},
                { data:'gdeposit',          name:'gdeposit',            className:"text-right", searchable: false },
                { data:'advances',          name:'advances',            className:"text-right", searchable: false },
                { data:'water_bills',       name:'water_bills',         className:"text-right", searchable: false },
                { data:'other_payables',    name:'other_payables',      className:"text-right", searchable: false },
                { data:'net_amount',        name:'net_amount',         className:"text-right", searchable: false },
                { data:'reference_no',      name:'reference_no',        className:"text-right",},
                { data:'date_inactive',     name:'date_inactive',       className:"text-right", searchable: false }
            ]
        });

        $('#table-customers_filter input').unbind();
        $('#table-customers_filter input').bind('keyup', function(e) {
            if(e.keyCode == 13) {
                $dt.search($(this).val()).draw();
            }
        });

        $('input[type="search"]').focus();
    })
    .on('click', '.acct-deactivation-report', function() {
        $reference_no = $(this).data('reference-no');

        $jc = $.confirm({
            draggable: true,
            title: false,
            type: false,
            columnClass: 'x-large',
            content: function() {
                var self = this;

                return $.ajax({
                    url: $app_url + '/billing/acct-deactivation/report',
                    dataType: 'html',
                    method: 'get',
                    data: { 'reference_no': $reference_no },
                }).done(function(res) {
                    self.setContent(res);
                }).fail(function() {
                    self.setContent('Something went wrong. Please try again or refresh the page.');
                });
            },
            onContentReady: function() {

            },
            buttons: {
                CANCEL: {
                    text: '<small>[ESC]</small> CLOSE',
                    btnClass: 'btn-default',
                    keys: ['esc']
                },
                PRINT: {
                    text: '<i class="fa fa-fw fa-print"></i> PRINT REPORT',
                    btnClass: 'btn-success',
                    keys: ['enter'],
                    action: function() {
                        $('#report-printable').printThis({
                            importCSS: true,
                        });

                        return false;
                    }
                }
            }
        });
    })
    .on('click', '.deactivate', function() {
        is_reading = $('#is_reading').val();

        if (is_reading == 0) {
            $.confirm({
                draggable: true,
                title: false,
                type: 'red',
                content:'<p class="text-center"><i class="fa fa-fw fa-exclamation-circle text-bold text-danger" style="font-size:54px"></i></p>' +
                        '<h4 class="text-center text-bold text-danger">SYSTEM ALERT</h4>' +
                        '<hr style="margin-bottom:8px">' +
                        '<p class="text-center"><strong>Account Deactivation</strong> module is <strong>temporarily unavailable</strong>.<br/>Meter reading is <strong>on-going</strong>!</p>',
                buttons: {
                    yes: {
                        text: '<small>[ENTER]</small> got it!',
                        btnClass: 'btn-danger',
                        keys: ['enter']
                    }       
                }
            });

            return false;
        }
        else {
            location.replace("{{url('billing/acct-deactivation/new')}}");
        }
    });
</script>
@endsection