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 %}