templates\mpesa\manual_new_mpesa.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">
  64.                     <a class="nav-link" aria-current="page" href="{{ path('mpesaManualNewTransactionRoute') }}"> <i class="fas fa-plus-circle"></i> ADD WITH TRANSACTION ID</a>
  65.                 </li>
  67.                 {% if is_granted('ROLE_MWANGI') %}
  68.                     <li class="nav-item active">
  69.                         <a class="nav-link" aria-current="page" href="#"> <i class="fas fa-plus-circle"></i> ADD TRANSACTION</a>
  70.                     </li>
  71.                 {% endif %}
  74.             {% endblock %}
  75.     </ul>
  77.     <div class="row">
  78.         <div class="col-lg-6 col-md-6">
  79.             <fieldset>
  82.                 {{ form_start(form, {'attr':{'id':'mpesa_form'}}) }}
  84.                 <div class="row">
  85.                     <div class="col-lg-6 col-md-6">
  86.                         <label for="receiver_name">Transaction ID</label>
  87.                         {{ form_widget(form.MpesaTransaction.transactionId,{'attr':{'class':'form-control','placeholder':'ie: TLDKA90UREN' }} ) }}
  88.                         <div class="invalid-feedback">
  89.                             {{ form_errors(form.MpesaTransaction.transactionId) }}
  90.                         </div>
  91.                     </div>
  92.                 </div>
  94.                 <div class="row">
  95.                     <div class="col-lg-6 col-md-6">
  96.                         <label for="receiver_name">Amount</label>
  97.                         {{ form_widget(form.MpesaTransaction.transactionAmount,{'attr':{'class':'form-control','placeholder':'ie: 2000' }} ) }}
  98.                         <div class="invalid-feedback">
  99.                             {{ form_errors(form.MpesaTransaction.transactionAmount) }}
  100.                         </div>
  101.                     </div>
  102.                 </div>
  104.                 <div class="row">
  105.                     <div class="col-lg-6 col-md-6">
  106.                         <label for="receiver_name">Phone</label>
  107.                         {{ form_widget(form.MpesaTransaction.msisdn,{'attr':{'class':'form-control','placeholder':'ie: 2000' }} ) }}
  108.                         <div class="invalid-feedback">
  109.                             {{ form_errors(form.MpesaTransaction.msisdn) }}
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.                 <div class="row">
  114.                     <div class="col-lg-6 col-md-6">
  115.                         <label for="receiver_name">First Name</label>
  116.                         {{ form_widget(form.MpesaTransaction.firstName,{'attr':{'class':'form-control','placeholder':'ie: Dennis' }} ) }}
  117.                         <div class="invalid-feedback">
  118.                             {{ form_errors(form.MpesaTransaction.firstName) }}
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.                 <div class="row">
  123.                     <div class="col-lg-6 col-md-6">
  124.                         <label for="receiver_name">Middle Name</label>
  125.                         {{ form_widget(form.MpesaTransaction.middleName,{'attr':{'class':'form-control','placeholder':'ie: Njiru' }} ) }}
  126.                         <div class="invalid-feedback">
  127.                             {{ form_errors(form.MpesaTransaction.middleName) }}
  128.                         </div>
  129.                     </div>
  130.                 </div>
  134.                 <div class="row">
  135.                     <div class="col-lg-6 col-md-6">
  136.                         <label for="receiver_name">Last Name</label>
  137.                         {{ form_widget(form.MpesaTransaction.lastName,{'attr':{'class':'form-control','placeholder':'ie: Gitau' }} ) }}
  138.                         <div class="invalid-feedback">
  139.                             {{ form_errors(form.MpesaTransaction.lastName) }}
  140.                         </div>
  141.                     </div>
  142.                 </div>
  144.                 <div class="row">
  145.                     <div class="col-lg-6 col-md-6">
  146.                         <label for="receiver_name">Branch</label>
  147.                         {{ form_widget(form.branch,{'attr':{'class':'form-control' }} ) }}
  148.                         <div class="invalid-feedback">
  149.                             {{ form_errors(form.branch) }}
  150.                         </div>
  151.                     </div>
  152.                 </div>
  154.                 <div class="row">
  155.                     <div class="col-lg-6 col-md-6">
  156.                         <label for="created_at">Created On</label>
  157.                         {{ form_widget(form.MpesaTransaction.createdAt,{'attr':{
  158.                             'class':'easyui-datebox form-control',
  159.                             'data-options':'formatter:myformatter,parser:myparser' 
  160.                             }} ) 
  161.                         }}
  162.                         <div class="invalid-feedback">
  163.                             {{ form_errors(form.MpesaTransaction.createdAt) }}
  164.                         </div>
  165.                     </div>
  166.                 </div>
  168.                 <hr>
  170.                 <div class="row">
  171.                     <div class="col-lg-6 col-md-6">
  172.                         <input type="submit" value="SAVE" class="btn btn-success">
  173.                     </div>
  174.                 </div>
  176.                 {{ form_end(form) }}
  178.             </fieldset>
  179.         </div>
  180.     </div>
  183.     {% block script %}
  185.         
  186.     <script>
  187.         function myformatter(date){
  188.             var y = date.getFullYear();
  189.             var m = date.getMonth()+1;
  190.             var d = date.getDate();
  191.             return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
  192.         }
  193.         function myparser(s){
  194.             if (!s) return new Date();
  195.             var ss = (s.split('-'));
  196.             var y = parseInt(ss[0],10);
  197.             var m = parseInt(ss[1],10);
  198.             var d = parseInt(ss[2],10);
  199.             if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
  200.                 return new Date(y,m-1,d);
  201.             } else {
  202.                 return new Date();
  203.             }
  204.         }
  205.     </script>
  207.     {% endblock %}
  213. {% endblock %}