@extends('layouts.main_without_top_button')
@section('title')
    Debtors Reports
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Reports</a> <span class="divider">/</span></li>
        <li class="active">Debtors Reports</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <style>
            .td_left_border {
                border-top: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
                border-bottom: 0;
            }

            .td_border_right {
                border-right: 1px solid #dddddd;
            }

            .widgettitle {
                color: #000000;
            }
        </style>
        <div class="tab-content">
            <div class="tab-pane active" style="margin-top: 12px">
                <center>
                    <center style="margin-bottom: 8px">
                        <form class=" form-inline">
                            <label class="control-label" for="Category"> AS OF </label>
                            <input type="text" name="date_from" id="" class="form-control span3 date_picker"
                                   value="{{\Carbon\Carbon::parse($date)->format('Y-m-d')}}">
                            <button type="submit" class="btn" id="re_generate_report">RE-GENERATE</button>
                            <a id="print_generate_report" class="btn" style="" data-href="">PRINT</a>
                            {{--<a class="btn" style="margin-right: 20px;" data-href="" id="export_generate_report">--}}
                                {{--<span class="iconsweets-excel"></span>EXPORT</a>--}}
                        </form>
                    </center>
                    <div id="income_statement">
                        <input data-href="{{route('reports.company-income-statements.excel',['date'=>$date])}}"
                               id="income_statement_date" type="hidden">

                        <input data-href="{{route('reports.debtors.print',['date'=>$date])}}"
                               id="print_debtors_report_link" type="hidden">
                        <table class="table table-bordered table-striped" id="route_invoice_status_list">
                            <thead>
                            <tr>
                                <td colspan="8" class="widgettitle"
                                    style="text-align: center;font-size: 14px;color: #000;line-height: 24px">
                                    DEBTOR REPORT<br>
                                    AS OF {{\Carbon\Carbon::parse($date)->toFormattedDateString()}}
                                </td>
                            </tr>
                            </thead>
                        </table>
                        <table class="table table-bordered" id="route_invoice_status_list">
                            <thead>
                            <tr>
                                <th class=" nosort" style="width: 30px">S/N</th>
                                <th colspan="2">Name</th>
                                <th colspan="2">Currency</th>
                                <th>Total Balance Outstanding</th>
                                {{--<th>Amount Due</th>--}}
                            </tr>
                            </thead>
                            <tbody>
                            {{--*/ $dr_total = 0 /*--}}
                            {{--*/ $cr_total = 0 /*--}}
                            @foreach($clients as $index=>$client)
                                <tr>
                                    <td>{{++$index}}</td>
                                    <td  colspan="2">{{$client->name}}</td>
                                    <td  colspan="2">{{$client->default_currency}}</td>
                                    <td style="text-align: right">{{number_format($client->getBalance(),2)}}</td>
                                    {{--*/ $dr_total +=0 /*--}}
                                    {{--*/ $cr_total +=0 /*--}}
                                </tr>
                            @endforeach
                            </tbody>
                            {{--<tfoot>--}}
                            {{--<tr>--}}
                                {{--<td colspan="3" style="text-align: right">TOTAL</td>--}}
                                {{--<td style="text-align: right">{{number_format($dr_total,2)}}</td>--}}
                            {{--</tr>--}}
                            {{--</tfoot>--}}
                        </table>
                    </div>
                </center>
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->
    <script>
        jQuery('.date_picker').datepicker();
        printGenerateReport();

        jQuery('#re_generate_report').on('click', function (e) {
            e.preventDefault();
            jQuery.ajax({
                url: '{{route('reports.debtor.create')}}',
                type: 'get',
                data: jQuery('form').serialize(),
                success: function (data) {
                    jQuery('#income_statement').empty().append(data);
                                   }
            });
        });

        jQuery('#export_generate_report').on('click', function (e) {
            e.preventDefault();
            var url = jQuery('#income_statement_date').attr("data-href");
            window.open(url, '_blank');
        });



        function printGenerateReport(){
            jQuery('#print_generate_report').on('click', function (e) {
                e.preventDefault();
                var url = jQuery('#print_debtors_report_link').attr("data-href");
                window.open(url, '_blank');
            });
        }
    </script>
@stop