templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <style>
  5.         .page-content {
  6.             padding: 0 calc(22px / 2) 60px calc(22px / 2);
  7.         }
  8.     </style>
  9.     <div class="row">
  10.         <div class="col-12" >
  11.             <div class="justify-content-between d-flex align-items-center mt-3 mb-4" style="background: #C64864;padding: 10px">
  12.                 <h5 class="mb-0 pb-1 text-white text-decoration-underline">Dashboard</h5>
  13.                 <h5 class="mb-0 pb-1 text-white text-decoration-underline" style="float: right">لوحة المؤشرات الرئسية </h5>
  14.             </div>
  15.             <div class="row">
  17.                <div class="col-lg-3">
  18.                     <div class="card">
  19.                         <div class="card-header" style="background: #FBC7F7; text-align: center">Mes commandes du mois  : <b>{{ mois }}</b> <br>
  20.                             مجموع طلبياتي للشهر الجاري</div>
  21.                         <div class="card-body">
  23.                             <h4 class="mb-0 text-center  text-dark">{{ totalcommmande }}  DH</h4>
  24.                         </div>
  25.                     </div>
  26.                 </div><!-- end col -->
  28.                 <div class="col-lg-3">
  29.                     <div class="card">
  30.                         <div class="card-header" style="background: #78DEC7; text-align: center">Commissions du mois :  <b>{{ mois }}</b> <br> عمولات الشهر الجاري</div>
  31.                         <div class="card-body">
  32.                             <h4 class="mb-0 text-center text-dark">{{totalcommission  }} DH</h4>
  33.                         </div>
  34.                     </div>
  35.                 </div><!-- end col -->
  38.                 <div class="col-lg-3">
  39.                     <div class="card">
  40.                         <div class="card-header" style="background: #D62AD0 ; color: #fff ; text-align: center">Bonus du mois :  <b> {{ mois }} </b><br>
  41.                             مكافأت الشهر الجاري</div>
  43.                         <div class="card-footer">
  45.                             <h6 style="color: #000">Nombre de  commandes en  <b>{{mois }} </b>: {{ childrenWithOrdersThisMonth }} agents</h6>
  46.                             <h6 style="color: #000">Total  des commandes en <b>{{mois }} </b>: {{ totalcommandemonthbyuser }} DH</h6>
  47.                         </div>
  48.                     </div>
  49.                 </div><!-- end col -->
  51.                
  52.                 
  53.                 
  54.                   <div class="col-lg-3">
  55.                     <div class="card">
  56.                         <div class="card-header" style="background: #e5b20c ; color: #fff ; text-align: center"><i class=" fa fa-briefcase"></i> eWallet  <br>
  57.                              محفظتي الإلكترونية</div>
  58.                         <div class="card-body">
  59.                             <h4 class="mb-0 text-center text-dark">
  60.                                 {{ ewallete }} DH
  61.                             </h4>
  63.                         </div>
  64.                     </div>
  65.                 </div><!-- end col -->
  67.             </div><!-- end row -->
  69.         </div><!-- end col -->
  70.     </div>
  73. <div class="row">
  74.     <div class="col-lg-12">
  75.         <div class="card">
  76.             <div class="card-header justify-content-between d-flex align-items-center">
  77.                 <h4 class="card-title">Mes Bonus</h4>
  78.             </div><!-- end card header -->
  79.             <div class="card-body">
  83.                 <table id="Tablecommandea"  width="100%">
  84.                     <thead style="background: #e4e4e4">
  85.                     <tr>
  87.                 <th>Mois</th>
  88.                 <th>Montant</th>
  89.                 <th>Niveau</th>
  90.                 <th>Payé</th>
  91.             </tr>
  92.             </thead>
  93.             <tbody>
  94.             {% for bon in mesbounus %}
  95.                 <tr>
  96.                     <td>{{ bon.month }}</td>
  97.                     <td>{{ bon.amount }} DH</td>
  98.                     <td>{{ bon.level }}</td>
  99.                     <td>{{ bon.paidStatus ? ' Oui  ':" Non " }}</td>
  100.                 </tr>
  101.             {% else %}
  103.             {% endfor %}
  104.             </tbody>
  105.         </table>
  107.             </div></div></div></div>
  108. {% endblock %}
  110.                         {% block javascripts %}
  111.                             {{ parent() }}
  113.                             <script type="text/javascript">
  114.                                 $(document).ready( function () {
  116.                                     $('#Tablecommandea').DataTable({
  117.                                         scrollX: true,
  118.                                         language: {
  119.                                             url: '//cdn.datatables.net/plug-ins/1.10.20/i18n/French.json'
  120.                                         }
  121.                                     });
  122.                                 } );
  125.                             </script>
  128.                         {% endblock %}