@extends('layouts.app')
@section('title', 'BWSI')
<style type="text/css">
    .box-body{
        padding-bottom: 0px !important;        
    }
    .box-header.with-border {
        border-bottom: 0 !important;
    }       
    .select2-container--default .select2-selection--single .select2-selection__clear {
        /*display: none;*/
    }     
    .text-right{
        padding-right: 20px !important;
    }
</style>


    


@section('body')
<!-- <div class="box box-spinner">    -->

    <div class="row" style="padding: 0px 5px;">
        <div class="box-header with-border">
            <h3 class="box-title">REFUND LISTING</h3>
            <div class="pull-right" style="margin-top: -10px; padding-left: 10px;">
                <button class="btn btn-primary" disabled="true"><i class="fa fa-fw fa-print"></i>&emsp;PRINT</button>
            </div>        
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="box box-success">        
                <div class="box-body">
                    @include('reports.rs._filter')
                </div>
            </div>
        </div>    
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="box box-default" style="margin-top: -10px;">        
                <div class="box-body">
                    @include('reports.rs._datatable')
                </div>
            </div>
        </div>    
    </div>    

<!-- </div> -->
@endsection





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

        // $('#rs-search').click(function(){
        //     var filter = {
        //         'account_id' : $('#filter-by-account').val(),
        //         'date_range' : $('#filter-by-date').val(),
        //         'slip_no'    : $('#filter-by-slipno').val()
        //     };            

        //     $.ajax({
        //         url  : $app_url + '/reports/get-rs',
        //         type : 'GET',
        //         data : {
        //             'filter' : filter
        //         },
        //         success : function(response){
        //             console.log(response);
        //             var table = $('#t-rs-listing > tbody');
        //             table.empty();

        //             $.each(response, function(index){
        //                 var r = response[index];

        //                 var acctName   = r.business_name ? r.business_name.toUpperCase() : (r.lastname + ', ' + r.firstname + ' ' + r.middlename).toUpperCase();
        //                 var gdeposit   = cast(r.gdeposit);
        //                 var ubills     = cast(r.bills);
        //                 var opayables  = cast(r.other_payables);
        //                 var netrefund  = cast(r.net_refund);
        //                 var netpayable = cast(r.net_payable);
        //                 var net        = (netrefund == 0) ? netpayable : netrefund;
        //                 var isclosed   = r.is_closed;
        //                 var status     = (isclosed == 0) ? "<span class='label label-primary'>OPEN</span>" : "<span class='label label-success'>CLOSED</span>";

        //                 table.append("<tr data-rs-id='"+r.rs_id+"' data-account-id='"+r.account_id+"'>"
        //                                 +"<td>"
        //                                     + (r.account_no || 'NA')
        //                                 +"</td>"
        //                                 +"<td>"
        //                                     + acctName
        //                                 +"</td>"
        //                                 +"<td class='text-right'>"
        //                                     + number_format(gdeposit)
        //                                 +"</td>"                                        
        //                                 +"<td class='text-right'>"
        //                                     + number_format(ubills)
        //                                 +"</td>"                                                       
        //                                 +"<td class='text-right'>"
        //                                     + number_format(opayables)
        //                                 +"</td>"                                          
        //                                 +"<td class='text-right'>"
        //                                     + number_format(net)
        //                                 +"</td>"
        //                                 +"<td>"
        //                                     + "<a href='javascript:void(0)' class='slip-no'>"
        //                                         + r.slip_no
        //                                     + "</a>"
        //                                 +"</td>"       
        //                                 +"<td>"
        //                                     + r.rs_date
        //                                 +"</td>"                                                                                                                
        //                                 +"<td class='text-right' style='vertical-align:middle'>"
        //                                     + status
        //                                 +"</td>"
        //                             +"</tr>");
        //             });                    
        //         },
        //         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();
        //         }
        //     });                        
        // });


        
        

        // $(document).on('click', '.slip-no', function(){
        //     var row    = $(this).closest('tr');
        //     var rsid   = row.data('rs-id');
        //     var acctid = row.data('account-id');

        //     $.confirm({
        //         content: function () {
        //             var self = this;
        //             return $.ajax({
        //                 url      : $app_url + '/reports/rs-details',
        //                 data     : {
        //                     'rs_id'   : rsid,
        //                     'acct_id' : acctid
        //                 },
        //                 dataType : 'html',
        //                 method   : 'get'
        //             }).done(function (response) {
        //                 self.setContent(response);
        //                 $('.jconfirm-content').addClass('page-body');
        //             }).fail(function(){
        //                 self.setContent('Something went wrong.');
        //             });
        //         },
        //         title       : 'REFUND OF GUARANTEE DEPOSIT',
        //         type        : 'green',
        //         columnClass : 'xl',
        //         draggable   : true,
        //         buttons     : {
        //             PRINT   : {
        //                 text : "<i class='fa fa-fw fa-print'></i>&nbsp;PRINT",
        //                 action : function(){
        //                     window.open($app_url + '/pdf/rs?id='+rsid, '', 'width=800,height=600,top=100,left=100');
        //                 }
        //             },
        //             CLOSE : function(){

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

        // $('#filter-by-date').daterangepicker({
        //     autoUpdateInput : false,
        //     locale: {
        //         cancelLabel: 'Clear'
        //     }            
        // });     

        // $('#filter-by-date').on('apply.daterangepicker', function(ev, picker) {
        //     $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
        // });

        // $('#filter-by-date').on('cancel.daterangepicker', function(ev, picker) {
        //     $(this).val('');
        // });           





        // $('#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