@extends('layouts.main_without_top_button')
@section('title')
    {{$client->name}} Profile
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.index')}}">Clients</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('clients.includes.client_summary')
        <div class="tab-content">
            <div  id="glyphs" class="tab-pane active">
                <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_statement_of_account_client" class="btn">PRINT</a>
                            {{--<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">
                        <input data-href="{{route('clients.statements-of-accounts.print',array('clients'=>$client->id,'start_date'=>$date[0],'end_date'=>$date[1]))}}"
                               id="client_statement_of_account_print" 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" style="">
                            <thead>
                            <tr>
                                <th  style="width: 120px">Date</th>
                                <th class="head0">Description</th>
                                <th  style="width: 220px">Ref. No</th>
                                <th  style="width: 100px">Dr</th>
                                <th  style="width: 100px">Cr</th>
                                <th style="width: 100px">Balance</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr style="background-color: rgba(208, 208, 208, 0.09);color: #000000">
                                <td class="head1">{{\Carbon\Carbon::parse($open_balance['date'])->toFormattedDateString()}}</td>
                                <td class="head1" colspan="2" style="text-align: right"> OPEN BALANCE</td>
                                @if($open_balance['amount'] >=0)
                                    <th class="head0"
                                        style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right">{{number_format($open_balance['amount'],2)}}
                                    </th>
                                    <th style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right"></th>
                                    <th class="head0"
                                        style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right">{{number_format($open_balance['amount'],2)}}
                                    </th>
                                @else
                                    <th style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right"></th>
                                    <th class="head0"
                                        style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right">{{number_format($open_balance['amount']*-1,2)}}
                                    </th>
                                    <th class="head0"
                                        style="background-color:rgba(208, 208, 208, 0.09);color: #000000;text-align: right">({{number_format($open_balance['amount']*-1,2)}})
                                    </th>
                                @endif

                            </tr>
                            {{--*/ $balance_t = $open_balance['amount'] /*--}}
                            @foreach($transactions as $transaction)
                                <tr>
                                    <td class="head1">{{\Carbon\Carbon::parse($transaction['date'])->toFormattedDateString()}}</td>
                                    <td class="head1">{{$transaction['description']}}</td>
                                    <td class="head1">{{$transaction['document']}} {{$transaction['document_number']}}</td>
                                    @if($transaction['type'] =="DEBITED")
                                        {{--*/ $debit = 0 /*--}}
                                        {{--*/ $credit = $transaction['amount'] /*--}}
                                        <td style="text-align: right">{{number_format($transaction['amount'],2)}}</td>
                                        <td class="head0"></td>
                                    @elseif($transaction['type'] =="CREDITED")
                                        {{--*/ $debit = $transaction['amount'] /*--}}
                                        {{--*/ $credit = 0 /*--}}
                                        <td class="head0"></td>
                                        <td style="text-align: right">{{number_format($transaction['amount'],2)}}</td>
                                    @endif
                                    {{--*/ $balance_t = $balance_t - $debit + $credit /*--}}
                                    <th class="head0"
                                        style="text-align: right">
                                        @if($balance_t<0)
                                            ( {{number_format(($balance_t*-1),2)}} )
                                        @else
                                            {{number_format($balance_t,2)}}
                                        @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('clients.statements-of-accounts.create',array('clients'=>$client->id))}}',
                    type: 'get',
                    data: jQuery('form').serialize(),
                    success: function (data) {
                        jQuery('#client_statement_of_accounts').empty().append(data);

                    }
                });
            });

            jQuery('#print_statement_of_account_client').on('click', function (e) {
                e.preventDefault();
                window.open(jQuery('#client_statement_of_account_print').data('href'), '_blank');

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