@extends('decorator.blank')

@section('page-title')
    {{ trans('transaction.list.title') }}
@stop

@section('page-wrapper')
    <div class="row">
        <div class="col-md-12">
            <img class="pull-right" width=70% src="{{ URL:: asset('/images/common/letter_header.jpg') }}"/>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <h1 class="page-header"> {{ trans('transaction.account.statement.heading') }} </h1>
            <h4>{{ trans('transaction.label.account') }} : {{ $account->name }}</h4>
            <h4>{{ trans('common.label.start_date') }} : {{ app('request')->input('start_date') }}</h4>
            <h4>{{ trans('common.label.end_date') }} : {{ app('request')->input('end_date') }}</h4>
        </div>
    </div>

    @include('common.console.message')

    <div class="clear-normal"></div>

    <h3 class="pull-right">
        {{ trans('transaction.label.brought_forward') }} :
        <balance class="formatPriceText">
            @if(!empty($broughtForwardBalance))
            {{ $broughtForwardBalance->balance }}
            @else
            {{ 0 }}
            @endif
        </balance>
    </h3>
    <table id="listOfTransaction" cellpadding="0" cellspacing="0"
           class="table table-condensed table-striped table-hover">
        <thead>
            <tr>
                <th> {{ trans('transaction.label.transaction_date') }} </th>
                <th> {{ trans('transaction.label.transaction_type') }} </th>
                <th> {{ trans('transaction.label.transaction_category') }} </th>
                <th> {{ trans('transaction.label.transaction_payee') }} </th>
                <th> {{ trans('transaction.label.quantity') }} </th>
                <th> {{ trans('transaction.label.price_per_unit') }} </th>
                <th> {{ trans('transaction.label.sub_total') }} </th>
                <th> {{ trans('transaction.label.accumulative_balance') }} </th>
            </tr>
        </thead>

        <tbody>
                                                            @foreach($listOfTransaction as $key => $transaction)
                <tr>
                    <td> {{ $transaction->transaction_date }} </td>
                    <td>
                        @if($transaction->transaction_type == 'CREDIT')
                            <span class="transaction_type label label-success">{{ $transaction->transaction_type }}</span>
                                                                                @else
                            <span class="transaction_type label label-danger">{{ $transaction->transaction_type }}</span>
                                                                                @endif
                    </td>
                    <td> {{ $transaction->transaction_category->name }} </td>
                    <td> {{ $transaction->transaction_payee->name }} </td>
                    <td> {{ $transaction->quantity }} </td>
                    <td class="formatPriceText"> {{ $transaction->price_per_unit }} </td>
                    <td class="formatPriceText"> {{ $transaction->sub_total }} </td>
                    <td class="formatPriceText"> {{ $runningBalance }} </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div class="row">
        <div class="col-md-12">
            <h4 class="pull-right">
                {{ trans('transaction.label.cr_amount') }} :
                <balance class="formatPriceText"> {{ $crAmount }} </balance>
            </h4>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <h4 class="pull-right">
                {{ trans('transaction.label.dr_amount') }} :
                <balance class="formatPriceText"> {{ $drAmount }} </balance>
            </h4>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <h4 class="pull-right">
                {{ trans('transaction.label.running_balance') }} :
                <balance class="formatPriceText"> {{ $runningBalance }} </balance>
            </h4>
        </div>
    </div>

    <style> .transaction_type { font-size: 14px; } </style>

    @include('common.blank.script')
    @include('common.blank.style')
@stop