@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')
    <div class="tabbable">
        @include('clients.includes.client_summary')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">
                <center style="margin-bottom: 8px">
                    <form class=" form-inline"
                          action="{{route('clients.statements-of-accounts.index',array('clients'=>$client->id,'date_from'=>$date[0],'date_to'=>$date[1]))}}"
                          method="post" id="statement-of-account">

                        <label class="control-label" for="Category">Date From</label>

                                     <span class="input-append date datetimepicker1">
                                            <input type="text" name="date_from" id="" class="form-control span3"
                                                   value="{{$date[0]}}">
                                            <span class="add-on" style="height: 15px"><i data-time-icon="icon-time"
                                                                                         data-date-icon="icon-calendar"></i></span>
                                    </span>

                        <label class="control-label" for="Category">Date to</label>

                                    <span class="input-append date datetimepicker1">
                                            <input type="text" name="date_to" id="" class="form-control span3"
                                                   value="{{$date[1]    }}">
                                            <span class="add-on" style="height: 15px"><i data-time-icon="icon-time"
                                                                                         data-date-icon="icon-calendar"></i></span>
                                    </span>

                        <button type="submit" class="btn" style="">
                            FILTER
                        </button>

                        @if(\Illuminate\Support\Facades\Auth::user()->can('PRINT CLIENT STATEMENTS OF ACCOUNTS'))
                            <a id="print-statement-button" class="btn" style=""
                               data-href="{{route('clients.statements-of-accounts.index',array('clients'=>$client->id,'date_from'=>$date[0],'date_to'=>$date[1]))}}">PRINT</a>
                        @endif
                    </form>
                </center>

                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th class="head1">Date</th>
                        <th class="head0">Description</th>
                        <th class="head1">Ref. No</th>
                        {{--<th class="head0">Route Cost</th>--}}
                        <th class="head0">Dr</th>
                        <th class="head0">Cr</th>
                        <th class="head0">Balance</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="background-color: #51a7c6;color: #000000">
                        <td class="head1" colspan="6" style="text-align: right"> OPEN BALANCE
                            BEFORE {{$open_balance['date']}}</td>
                        <th class="head0"
                            style="background-color: #51a7c6;text-align: right">{{number_format($open_balance['amount'],2)}}
                        </th>
                    </tr>
                    {{--*/ $balance_t = $open_balance['amount'] /*--}}
                    @foreach($transactions as $transaction)
                        <tr>
                            <td class="head0 nosort"><input type="checkbox" class="checkall"/></td>
                            <td class="head1">{{\Carbon\Carbon::parse($transaction['date'])->toFormattedDateString()}}</td>
                            <td class="head1"></td>
                            <td class="head1">{{$transaction['document_number']}}</td>
                            @if($transaction['type'] =="DEBITED")
                                {{--*/ $debit = 0 /*--}}
                                {{--*/ $credit = $transaction['amount'] /*--}}
                                <td class="head0"></td>
                                <td style="text-align: right">{{number_format($transaction['amount'],2)}}</td>
                            @elseif($transaction['type'] =="CREDITED")
                                {{--*/ $debit = $transaction['amount'] /*--}}
                                {{--*/ $credit = 0 /*--}}
                                <td style="text-align: right">{{number_format($transaction['amount'],2)}}</td>
                                <td class="head0"></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><!--tab-pane-->
        </div>
    </div>
    <script type="text/javascript">
        jQuery(function () {
            jQuery('.datetimepicker1').datetimepicker({
                format: 'yyyy-MM-dd hh:mm:ss',
                inline: true,
                sideBySide: true
            });

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

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