templates\mpesa\manual_new_mpesa_transaction.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4.  {% block heading %}
  5.      <h6 class="head" style="margin-top: 5px; font-size: 20px;">ADD A MANUAL MPESA TRANSACTION</h6>
  6.      <p class="head_p">This is a form to add a transaction</p>
  7.  {% endblock %}
  9.  {% block styles_addins %}
  11.      <style>
  12.          fieldset {
  13.              border: 1px dotted #FFFFFF;
  14.              background-color: #FFFFFF;
  15.          }
  17.          .form-control {
  18.              background-color: #ffffff;
  19.          }
  21.          fieldset label {
  22.              text-transform: uppercase;
  23.              font-family: 'Roboto Slab', serif;
  24.              font-size: 12px;
  25.              font-weight: bold;
  26.          }
  27.      </style>
  28.  {% endblock %}
  30. {% block li_mpesa %}
  31.     <li>
  32.         <a data-toggle="collapse" href="#componentsMpesa" class="active" aria-expanded="true">
  33.             <i class="ti-package"></i>
  34.             <p>M-Pesa<b class="caret"></b></p>
  35.         </a>
  36.         <div class="sub-menu collapse in" id="componentsMpesa" aria-expanded="true" style="">
  37.             <ul class="nav">
  38.                 <li class="">
  39.                     <a href="{{ path('mpesaHomeRoute') }}">
  40.                         <span class="sidebar-normal"><i class="fas fa-arrow-circle-right"></i> ALL</span>
  41.                     </a>
  42.                 </li>
  44.                 <li class="active">
  45.                     <a href="#">
  46.                         <span class="sidebar-normal"><i class="fas fa-arrow-circle-right"></i>MANUALLY ADDED</span>
  47.                     </a>
  48.                 </li>
  51.             </ul>
  52.         </div>
  53.     </li>
  54. {% endblock %}
  56. {% block main %}
  58.     <ul class="nav nav-tabs">
  59.             {% block manualTransactions %}
  60.                 <li class="nav-item" >
  61.                     <a class="nav-link" aria-current="page" href="{{ path('mpesaManualRoute') }}"> <i class="fas fa-exchange-alt"></i> TRANSACTIONS</a>
  62.                 </li>
  63.                 <li class="nav-item active">
  64.                     <a class="nav-link" aria-current="page" href="#"> <i class="fas fa-plus-circle"></i> ADD WITH TRANSACTION ID</a>
  65.                 </li>
  67.                 {% if is_granted('ROLE_MWANGI') %}
  69.                     <li class="nav-item">
  70.                         <a class="nav-link" aria-current="page" href="{{ path('mpesaManualNewRoute') }}"> <i class="fas fa-plus-circle"></i> ADD TRANSACTION</a>
  71.                     </li>
  72.                 {% endif %}
  74.             {% endblock %}
  75.     </ul>
  77.     <div class="row">
  81.         <div class="col-lg-6 col-md-6">
  82.             <fieldset>
  84.                 {% for type, messages in app.session.flashbag.all() %}
  85.                     {% for message in messages %}
  86.                         {% if type == 'error' %}
  87.                             <div class="invalid-feedback"> {{ message }}</div>
  88.                         {% elseif type == 'info' %}
  89.                             <div class="invalid-feedback"> {{ message }}</div>
  90.                         {% endif %}
  91.                     {% endfor %}
  92.                 {% endfor %}
  95.                 {{ form_start(form, {'attr':{'id':'mpesa_form'}}) }}
  96.                 {#<div class="row">
  97.                     <div class="col-lg-6 col-md-6">
  98.                         <label for="receiver_name">Branch</label>
  99.                         {{ form_widget(form.branch,{'attr':{'class':'form-control' }} ) }}
  100.                         <div class="invalid-feedback">
  101.                             {{ form_errors(form.branch) }}
  102.                         </div>
  103.                     </div>
  104.                 </div>#}
  105.                 <div class="row">
  106.                     <div class="col-lg-6 col-md-6">
  107.                         <label for="receiver_name">Transaction ID</label>
  108.                         {{ form_widget(form.MpesaTransaction.transactionId,{'attr':{'class':'form-control','placeholder':'ie: TLDKA90UREN' }} ) }}
  109.                         <div class="invalid-feedback">
  110.                             {{ form_errors(form.MpesaTransaction.transactionId) }}
  111.                         </div>
  112.                     </div>
  113.                 </div>
  115.                 <hr>
  117.                 <div class="row">
  118.                     <div class="col-lg-6 col-md-6">
  119.                         <input type="submit" value="SAVE" class="btn btn-success">
  120.                     </div>
  121.                 </div>
  123.                 {{ form_end(form) }}
  125.             </fieldset>
  126.         </div>
  127.     </div>
  130.     {% block script %}
  132.         
  133.     <script>
  134.         function myformatter(date){
  135.             var y = date.getFullYear();
  136.             var m = date.getMonth()+1;
  137.             var d = date.getDate();
  138.             return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
  139.         }
  140.         function myparser(s){
  141.             if (!s) return new Date();
  142.             var ss = (s.split('-'));
  143.             var y = parseInt(ss[0],10);
  144.             var m = parseInt(ss[1],10);
  145.             var d = parseInt(ss[2],10);
  146.             if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
  147.                 return new Date(y,m-1,d);
  148.             } else {
  149.                 return new Date();
  150.             }
  151.         }
  152.     </script>
  154.     {% endblock %}
  160. {% endblock %}