{% extends 'fos/base.html.twig' %}
{% block stylesheets %}
<style>
.table-data {
font-size: 20px;
}
</style>
{% endblock %}
{% block firstnav %}
{{ render(controller('App\\Parcels\\DefaultController::nav')) }}
{% endblock %}
{% block secondnav %}
<!-- Second Nav -->
<nav class="navbar-second navbar navbar-default navbar-static-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Brand -->
{% block current %}
<span class="navbar-brand" href="#"><i class="fa fa-gears"></i> Daily Account</span>
{% endblock %}
</div>
<div class="collapse navbar-collapse animated fadeIn" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav animated fadeIn">
{% block secondarylinkblock %}
{#<li><a href="{{ path('all_parcels') }}"><i class="fa fa-gift"></i> Parcels</a></li>#}
<li class=""><a href="{{ path('new-parcel') }}"><i class="fa fa-plus-circle"></i> Register Parcel</a></li>
<li class=""><a href="{{ path('my_daily_parcel_transactions') }}"><i class="fa fa-users"></i> Today Transactions</a></li>
<li class="active"><a href="#"><i class="fa fa-th-list"></i> Close & Open Daily Account</a></li>
{# <li class=""><a href="{{ path('banking_daily_account') }}"><i class="fas fa-bank"></i> Bank</a></li>#}
{% endblock %}
</ul>
<ul class="nav navbar-nav navbar-right">
<li class=""><a></a></li>
{#<li><p class="navbar-text"></p></li>#}
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
{% endblock %}
{% block main %}
<div class="row">
<div class="col">
<div class="row">
{% if dailyAccount is defined and dailyAccount %}
<div style="width: 50%; margin:auto;">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">{{ dailyAccount.accountDate | date("F jS (m/d/Y)") }}</div>
<table class="table table-responsive table-bordered">
<thead class="">
<tr>
<th>Transactions</th>
{% if expenses is defined and expenses == false %}
<th>M-Pesa</th>
<th>Cash</th>
{% endif %}
<th>Amount</th>
<th>Cancelled</th>
<th>Cancelled Amount</th>
<th>Expenses</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="table-data">{{ account_data.transactions_no | number_format }}</span></td>
{% if expenses is defined and expenses == false %}
<td><span class="table-data">{{ (account_data.mpesa_amount + account_data.mpesa_cash )| number_format }}</span></td>
<td><span class="table-data">{{ (account_data.cash_amount) | number_format }}</span></td>
{% endif %}
<td><span class="table-data">{{ (account_data.total_amount - account_data.cancelled) | number_format }}</span></td>
<td><span class="table-data">{{ account_data.cancelled_count | number_format }}</span></td>
<td><span class="table-data">{{ account_data.cancelled | number_format }}</span></td>
<td><span class="table-data">{{ account_data.total_expenses | number_format }}</span></td>
</tr>
</tbody>
</table>
</div>
</div>
{% if account_data.is_closed %}
<div style="width: 50%; margin:auto;">
<div class="panel panel-default">
<table class="table table-responsive table-bordered">
<tr>
<td style="font-weight: bolder; font-size: 20px;">Bank</td>
<td style="font-weight: bolder; font-size: 20px;">{{ (account_data.cash_amount - account_data.total_expenses) | number_format }}</td>
<td>
{% if true %}
<i class="fas fa-check-circle fa-2x" style="color: seagreen;"></i>
{% else %}
<i class="fas fa-close fa-2x"></i>
{% endif %}
</td>
</tr>
</table>
</div>
</div>
{% endif %}
{% if dailyAccount.isClosed %}
<div style="width: 50%; margin: auto;">
<table class="table table-bordered">
<thead>
<tr>
<th> Open My Daily Account for {{ "now" | date("F jS Y") }}</th>
</tr>
</thead>
<tbody>
<tr>
<td>No Data</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 50%; margin: auto;">
{{ form_start(form) }}
<button class="btn btn-success" type="submit">Open My Daily Account</button>
<div class="invalid-feedback">
{{ form_errors(form) }}
</div>
{{ form_end(form) }}
</div>
{% endif %}
{% endif %}
</div>
<div class="row">
{% if expenses is defined and expenses and dailyAccount.isClosed == false %}
<div style="width: 50%; margin: auto;">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading"></div>
<table class="table table-responsive table-bordered">
<thead class="">
<tr>
<th></th>
<th>Particulars</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>{{ account_data.transactions_no | number_format }} transactions</td>
<td></td>
<td align="right"> {{ account_data.total_amount | number_format }}</td>
</tr>
{% if account_data.cancelled_count > 1 %}
{% for trans in cancelledTransactions %}
<tr style="background-color: #ff7518; color: white; font-weight: bolder;">
<td>{{ loop.index + 1 }}</td>
<td><a href="{{ path('one_way_bill', {'id': trans.wayBill.id}) }}">Waybill: {{ trans.wayBill.id}}</a></td>
<td>TO {{ trans.wayBill.toStation.stationName }} <b style="font-size: 12px; font-weight: bold;" >FROM:</b> <b class="label label-success">{{ trans.wayBill.senderName }}</b> <b style="font-size: 12px; font-weight: bold;" >TO: </b><b class="label label-success"> {{ trans.wayBill.receiverName }}</b></td>
<td align="right">{{ trans.amount | number_format}}</td>
</tr>
{% endfor %}
{% endif %}
<tr>
<td colspan="4" align="center">
<hr>
<hr>
</td>
</tr>
<tr>
<td>1</td>
<td>{{ account_data.transactions_no }} Transactions</td>
<td colspan="2" align="right"><span style="font-size: 20px;">{{ (account_data.total_amount - account_data.cancelled) | number_format}}</span></td>
</tr>
{% for expense in expenses %}
{% if expense.isCancelled %}
<tr style="background-color: #fdeac8; color: #71717145;">
<td>{{ loop.index + 1 }}</td>
<td>
<strike>
{{ expense.expenseType.expenseName}}
</strike>
</td>
<td colspan="2" align="right" style="font-size: 20px; ">
{{ form_start(cancelExpenseForm, {'action':path('cancel_daily_expense',{'id':expense.id}), 'method': 'POST'}) }}
<strike>
{{ expense.amount | number_format}}
</strike>
{% if expense.isCancelled == false %}
<button class="btn btn-sm btn-link" type="submit"><i style="color: red;" class="fa fa-window-close"></i></button>
<div class="invalid-feedback">
{{ form_errors(cancelExpenseForm) }}
</div>
{% endif %}
{{ form_end(cancelExpenseForm) }}
</td>
</tr>
{% else %}
<tr>
<td>{{ loop.index + 1 }}</td>
<td>{{ expense.expenseType.expenseName}}</td>
<td colspan="2" align="right" style="font-size: 20px; ">
{{ form_start(cancelExpenseForm, {'action':path('cancel_daily_expense',{'id': expense.id}), 'method': 'POST'}) }}
{{ expense.amount | number_format}}
{% if expense.isCancelled == false %}
<button class="btn btn-sm btn-link" type="submit"><i style="color: red;" class="fa fa-window-close"></i></button>
<div class="invalid-feedback">
{{ form_errors(cancelExpenseForm) }}
</div>
{% endif %}
{{ form_end(cancelExpenseForm) }}
</td>
</tr>
{% endif %}
{% endfor %}
<tr style="font-size: 20px; font-weight: normal; font-family: 'monospace', sans-serif">
<td align="right" colspan="2"><span class="table-dat">DAILY TOTAL</span></td>
<td colspan="2" align="right"><span class="table-dat">KES{{ (account_data.total_amount - account_data.total_expenses - account_data.cancelled) | number_format}}</span></td>
</tr>
<tr style="font-size: 20px; font-weight: bolder; font-family: 'monospace', sans-serif; background: antiquewhite;">
<td align="right" colspan="2"><span class="table-data">TOTAL CASH</span></td>
<td colspan="2" align="right"><span class="table-data">KES{{ ( account_data.cash_amount - account_data.total_expenses ) | number_format }}</span></td>
</tr>
<tr style="font-size: 20px; font-weight: normal; font-family: 'monospace', sans-serif; ">
<td align="right" colspan="2"><span class="table-data">M-PESA</span></td>
<td colspan="2" align="right"><span class="table-data">KES{{ (account_data.mpesa_amount + account_data.mpesa_cash) | number_format}}</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% endif %}
</div>
<div class="row">
{% if dailyAccount is defined and dailyAccount %}
{% if dailyAccount.isClosed == false %}
<div style="width: 50%; margin: auto;">
{{ form_start(closeForm) }}
<div class="col-lg-6 col-md-6">
<label for="drawer_cash">Amount</label>
{{ form_widget(closeForm.drawerCash,{'attr':{'class':'form-control' }} ) }}
</div>
<div class="col-lg-6 col-md-6">
<button type="submit" class="btn btn-warning" style="margin-top: 35px;">Close my daily account</button>
</div>
<div class="invalid-feedback">
{{ form_errors(closeForm.drawerCash) }}
</div>
{{ form_errors(closeForm) }}
{{ form_end(closeForm) }}
</div>
{% endif %}
{% else %}
<div style="width: 50%; margin: auto;">
{{ form_start(form) }}
<button class="btn btn-success" type="submit">Open My Daily Account</button>
<div class="invalid-feedback">
{{ form_errors(form) }}
</div>
{{ form_end(form) }}
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="{{ asset('fos/scripts/daily_transactions.js') }}"></script>
{% endblock %}