@extends('layouts.main_without_top_button')
@section('title')
    {{$vendor->name}} Profile
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('vendors.index')}}">Vendors</a> <span class="divider">/</span></li>
        <li class="active">Statements of Accounts</li>
    </ul>
@stop
@section('contentinner')
    <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="tabbable">
        @include('vendors.includes.vendor_profile')

        <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"> DATE FROM </label>
                            <input type="text" name="date_from" id="" class="form-control span3 date_picker"
                                   value="{{\Carbon\Carbon::parse($date[0])->format('Y-m-d')}}">
                            <label class="control-label" for="Category"> DATE TO </label>
                            <input type="text" name="date_to" id="" class="form-control span2 date_picker"
                                   value="{{\Carbon\Carbon::parse($date[1])->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="client_statement_of_accounts">
                        <input data-href="{{route('reports.company-income-statements.excel')}}"
                               id="client_statement_of_account_date" 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">
                                    STATEMENTS OF ACCOUNTS<br>
                                   <span style="font-size: 12px"> FROM {{\Carbon\Carbon::parse($date[0])->toFormattedDateString()}} TO {{\Carbon\Carbon::parse($date[1])->toFormattedDateString()}}</span>
                                </td>
                            </tr>
                            </thead>
                        </table>
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th style="width: 1%"><input type="checkbox" class="checkall"/></th>
                                <th  style="width: 7%">Date</th>
                                <th  style="width: 65%">Description</th>
                                <th  style="width: 5%">Ref. No</th>
                                <th  style="width: 7%">Dr</th>
                                <th  style="width: 7%">Cr</th>
                                <th  style="width: 8%">Balance</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr style="background-color: #51a7c6;color: #000000">
                                <td colspan="6" style="text-align: right"> OPEN BALANCE BEFORE {{$open_balance['date']}}</td>
                                <th style="background-color: #51a7c6;text-align: right">{{number_format($open_balance['amount'])}}</th>
                            </tr>
                            {{--*/ $balance_t = $open_balance['amount'] /*--}}
                            @foreach($transactions as $transaction)
                                <tr>
                                    <td><input type="checkbox" class="checkall"/></td>
                                    <td>{{\Carbon\Carbon::parse($transaction['date'])->toFormattedDateString()}}</td>
                                    <td>{{$transaction['description']}}</td>
                                    <td>{{$transaction['document_number']}}</td>
                                    @if($transaction['type'] =="CREDITED")
                                        {{--*/ $debit = 0 /*--}}
                                        {{--*/ $credit = $transaction['amount'] /*--}}
                                        <td></td>
                                        <td style="text-align: right">{{number_format($transaction['amount'])}}</td>
                                    @elseif($transaction['type'] =="DEBITED")
                                        {{--*/ $debit = $transaction['amount'] /*--}}
                                        {{--*/ $credit = 0 /*--}}
                                        <td style="text-align: right">{{number_format($transaction['amount'])}}</td>
                                        <td></td>
                                    @endif
                                    {{--*/ $balance_t = $balance_t + $debit - $credit /*--}}
                                    <th
                                        style="text-align: right">
                                        @if($balance_t<0)
                                            ( {{number_format((-$balance_t))}} )
                                        @else
                                            {{number_format($balance_t)}}
                                        @endif
                                    </th>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </center>
            </div><!--tab-pane-->
        </div><!--tabcontent-->

    </div>
    <script type="text/javascript">
        jQuery(function () {
            jQuery('.date_picker').datepicker();

            jQuery('#re_generate_report').on('click', function (e) {
                e.preventDefault();
                jQuery.ajax({
                    url: '{{route('vendors.statements-of-accounts.create',array('vendors'=>$vendor->id))}}',
                    type: 'get',
                    data: jQuery('form').serialize(),
                    success: function (data) {
                        jQuery('#client_statement_of_accounts').empty().append(data);

                    }
                });
            });

            jQuery('#print-statement-button').click(function () {
                window.open(jQuery(this).data('href'), '_blank');

            });
        });
    </script>
@stop