templates/fos/transactions/daily_account.html.twig line 1

Open in your IDE?
  1. {% extends 'fos/base.html.twig' %}
  2. {% block stylesheets %}
  3. <style>
  4. .table-data {
  5. font-size: 20px;
  6. }
  7. </style>
  8. {% endblock %}
  9. {% block firstnav %}
  10. {{ render(controller('App\\Parcels\\DefaultController::nav')) }}
  11. {% endblock %}
  12. {% block secondnav %}
  13. <!-- Second Nav -->
  14. <nav class="navbar-second navbar navbar-default navbar-static-top" role="navigation">
  15. <div class="container-fluid">
  16. <div class="navbar-header">
  17. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  18. data-target="#bs-example-navbar-collapse-1">
  19. <span class="sr-only">Toggle navigation</span>
  20. <span class="icon-bar"></span>
  21. <span class="icon-bar"></span>
  22. <span class="icon-bar"></span>
  23. </button>
  24. <!-- Brand -->
  25. {% block current %}
  26. <span class="navbar-brand" href="#"><i class="fa fa-gears"></i> Daily Account</span>
  27. {% endblock %}
  28. </div>
  29. <div class="collapse navbar-collapse animated fadeIn" id="bs-example-navbar-collapse-1">
  30. <ul class="nav navbar-nav animated fadeIn">
  31. {% block secondarylinkblock %}
  32. {#<li><a href="{{ path('all_parcels') }}"><i class="fa fa-gift"></i> Parcels</a></li>#}
  33. <li class=""><a href="{{ path('new-parcel') }}"><i class="fa fa-plus-circle"></i> Register Parcel</a></li>
  34. <li class=""><a href="{{ path('my_daily_parcel_transactions') }}"><i class="fa fa-users"></i> Today Transactions</a></li>
  35. <li class="active"><a href="#"><i class="fa fa-th-list"></i> Close & Open Daily Account</a></li>
  36. {# <li class=""><a href="{{ path('banking_daily_account') }}"><i class="fas fa-bank"></i> Bank</a></li>#}
  37. {% endblock %}
  38. </ul>
  39. <ul class="nav navbar-nav navbar-right">
  40. <li class=""><a></a></li>
  41. {#<li><p class="navbar-text"></p></li>#}
  42. </ul>
  43. </div><!-- /.navbar-collapse -->
  44. </div><!-- /.container-fluid -->
  45. </nav>
  46. {% endblock %}
  47. {% block main %}
  48. <div class="row">
  49. <div class="col">
  50. <div class="row">
  51. {% if dailyAccount is defined and dailyAccount %}
  52. <div style="width: 50%; margin:auto;">
  53. <div class="panel panel-default">
  54. <!-- Default panel contents -->
  55. <div class="panel-heading">{{ dailyAccount.accountDate | date("F jS (m/d/Y)") }}</div>
  56. <table class="table table-responsive table-bordered">
  57. <thead class="">
  58. <tr>
  59. <th>Transactions</th>
  60. {% if expenses is defined and expenses == false %}
  61. <th>M-Pesa</th>
  62. <th>Cash</th>
  63. {% endif %}
  64. <th>Amount</th>
  65. <th>Cancelled</th>
  66. <th>Cancelled Amount</th>
  67. <th>Expenses</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr>
  72. <td><span class="table-data">{{ account_data.transactions_no | number_format }}</span></td>
  73. {% if expenses is defined and expenses == false %}
  74. <td><span class="table-data">{{ (account_data.mpesa_amount + account_data.mpesa_cash )| number_format }}</span></td>
  75. <td><span class="table-data">{{ (account_data.cash_amount) | number_format }}</span></td>
  76. {% endif %}
  77. <td><span class="table-data">{{ (account_data.total_amount - account_data.cancelled) | number_format }}</span></td>
  78. <td><span class="table-data">{{ account_data.cancelled_count | number_format }}</span></td>
  79. <td><span class="table-data">{{ account_data.cancelled | number_format }}</span></td>
  80. <td><span class="table-data">{{ account_data.total_expenses | number_format }}</span></td>
  81. </tr>
  82. </tbody>
  83. </table>
  84. </div>
  85. </div>
  86. {% if account_data.is_closed %}
  87. <div style="width: 50%; margin:auto;">
  88. <div class="panel panel-default">
  89. <table class="table table-responsive table-bordered">
  90. <tr>
  91. <td style="font-weight: bolder; font-size: 20px;">Bank</td>
  92. <td style="font-weight: bolder; font-size: 20px;">{{ (account_data.cash_amount - account_data.total_expenses) | number_format }}</td>
  93. <td>
  94. {% if true %}
  95. <i class="fas fa-check-circle fa-2x" style="color: seagreen;"></i>
  96. {% else %}
  97. <i class="fas fa-close fa-2x"></i>
  98. {% endif %}
  99. </td>
  100. </tr>
  101. </table>
  102. </div>
  103. </div>
  104. {% endif %}
  105. {% if dailyAccount.isClosed %}
  106. <div style="width: 50%; margin: auto;">
  107. <table class="table table-bordered">
  108. <thead>
  109. <tr>
  110. <th> Open My Daily Account for {{ "now" | date("F jS Y") }}</th>
  111. </tr>
  112. </thead>
  113. <tbody>
  114. <tr>
  115. <td>No Data</td>
  116. </tr>
  117. </tbody>
  118. </table>
  119. </div>
  120. <div style="width: 50%; margin: auto;">
  121. {{ form_start(form) }}
  122. <button class="btn btn-success" type="submit">Open My Daily Account</button>
  123. <div class="invalid-feedback">
  124. {{ form_errors(form) }}
  125. </div>
  126. {{ form_end(form) }}
  127. </div>
  128. {% endif %}
  129. {% endif %}
  130. </div>
  131. <div class="row">
  132. {% if expenses is defined and expenses and dailyAccount.isClosed == false %}
  133. <div style="width: 50%; margin: auto;">
  134. <div class="panel panel-default">
  135. <!-- Default panel contents -->
  136. <div class="panel-heading"></div>
  137. <table class="table table-responsive table-bordered">
  138. <thead class="">
  139. <tr>
  140. <th></th>
  141. <th>Particulars</th>
  142. <th></th>
  143. </tr>
  144. </thead>
  145. <tbody>
  146. <tr>
  147. <td>1</td>
  148. <td>{{ account_data.transactions_no | number_format }} transactions</td>
  149. <td></td>
  150. <td align="right"> {{ account_data.total_amount | number_format }}</td>
  151. </tr>
  152. {% if account_data.cancelled_count > 1 %}
  153. {% for trans in cancelledTransactions %}
  154. <tr style="background-color: #ff7518; color: white; font-weight: bolder;">
  155. <td>{{ loop.index + 1 }}</td>
  156. <td><a href="{{ path('one_way_bill', {'id': trans.wayBill.id}) }}">Waybill: {{ trans.wayBill.id}}</a></td>
  157. <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>
  158. <td align="right">{{ trans.amount | number_format}}</td>
  159. </tr>
  160. {% endfor %}
  161. {% endif %}
  162. <tr>
  163. <td colspan="4" align="center">
  164. <hr>
  165. <hr>
  166. </td>
  167. </tr>
  168. <tr>
  169. <td>1</td>
  170. <td>{{ account_data.transactions_no }} Transactions</td>
  171. <td colspan="2" align="right"><span style="font-size: 20px;">{{ (account_data.total_amount - account_data.cancelled) | number_format}}</span></td>
  172. </tr>
  173. {% for expense in expenses %}
  174. {% if expense.isCancelled %}
  175. <tr style="background-color: #fdeac8; color: #71717145;">
  176. <td>{{ loop.index + 1 }}</td>
  177. <td>
  178. <strike>
  179. {{ expense.expenseType.expenseName}}
  180. </strike>
  181. </td>
  182. <td colspan="2" align="right" style="font-size: 20px; ">
  183. {{ form_start(cancelExpenseForm, {'action':path('cancel_daily_expense',{'id':expense.id}), 'method': 'POST'}) }}
  184. <strike>
  185. {{ expense.amount | number_format}}
  186. </strike>
  187. {% if expense.isCancelled == false %}
  188. <button class="btn btn-sm btn-link" type="submit"><i style="color: red;" class="fa fa-window-close"></i></button>
  189. <div class="invalid-feedback">
  190. {{ form_errors(cancelExpenseForm) }}
  191. </div>
  192. {% endif %}
  193. {{ form_end(cancelExpenseForm) }}
  194. </td>
  195. </tr>
  196. {% else %}
  197. <tr>
  198. <td>{{ loop.index + 1 }}</td>
  199. <td>{{ expense.expenseType.expenseName}}</td>
  200. <td colspan="2" align="right" style="font-size: 20px; ">
  201. {{ form_start(cancelExpenseForm, {'action':path('cancel_daily_expense',{'id': expense.id}), 'method': 'POST'}) }}
  202. {{ expense.amount | number_format}}
  203. {% if expense.isCancelled == false %}
  204. <button class="btn btn-sm btn-link" type="submit"><i style="color: red;" class="fa fa-window-close"></i></button>
  205. <div class="invalid-feedback">
  206. {{ form_errors(cancelExpenseForm) }}
  207. </div>
  208. {% endif %}
  209. {{ form_end(cancelExpenseForm) }}
  210. </td>
  211. </tr>
  212. {% endif %}
  213. {% endfor %}
  214. <tr style="font-size: 20px; font-weight: normal; font-family: 'monospace', sans-serif">
  215. <td align="right" colspan="2"><span class="table-dat">DAILY TOTAL</span></td>
  216. <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>
  217. </tr>
  218. <tr style="font-size: 20px; font-weight: bolder; font-family: 'monospace', sans-serif; background: antiquewhite;">
  219. <td align="right" colspan="2"><span class="table-data">TOTAL CASH</span></td>
  220. <td colspan="2" align="right"><span class="table-data">KES{{ ( account_data.cash_amount - account_data.total_expenses ) | number_format }}</span></td>
  221. </tr>
  222. <tr style="font-size: 20px; font-weight: normal; font-family: 'monospace', sans-serif; ">
  223. <td align="right" colspan="2"><span class="table-data">M-PESA</span></td>
  224. <td colspan="2" align="right"><span class="table-data">KES{{ (account_data.mpesa_amount + account_data.mpesa_cash) | number_format}}</span></td>
  225. </tr>
  226. </tbody>
  227. </table>
  228. </div>
  229. </div>
  230. </div>
  231. {% endif %}
  232. </div>
  233. <div class="row">
  234. {% if dailyAccount is defined and dailyAccount %}
  235. {% if dailyAccount.isClosed == false %}
  236. <div style="width: 50%; margin: auto;">
  237. {{ form_start(closeForm) }}
  238. <div class="col-lg-6 col-md-6">
  239. <label for="drawer_cash">Amount</label>
  240. {{ form_widget(closeForm.drawerCash,{'attr':{'class':'form-control' }} ) }}
  241. </div>
  242. <div class="col-lg-6 col-md-6">
  243. <button type="submit" class="btn btn-warning" style="margin-top: 35px;">Close my daily account</button>
  244. </div>
  245. <div class="invalid-feedback">
  246. {{ form_errors(closeForm.drawerCash) }}
  247. </div>
  248. {{ form_errors(closeForm) }}
  249. {{ form_end(closeForm) }}
  250. </div>
  251. {% endif %}
  252. {% else %}
  253. <div style="width: 50%; margin: auto;">
  254. {{ form_start(form) }}
  255. <button class="btn btn-success" type="submit">Open My Daily Account</button>
  256. <div class="invalid-feedback">
  257. {{ form_errors(form) }}
  258. </div>
  259. {{ form_end(form) }}
  260. </div>
  261. {% endif %}
  262. </div>
  263. </div>
  264. </div>
  265. {% endblock %}
  266. {% block javascript %}
  267. <script type="text/javascript" src="{{ asset('fos/scripts/daily_transactions.js') }}"></script>
  268. {% endblock %}