templates/dashboard/dash.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block homelink %}
  4. <li class="nav-item">
  5. <a class="nav-link active" href="#"><i class="fas fa-home"></i> Home <span class="sr-only">(current)</span></a>
  6. </li>
  7. {% endblock %}
  10. {% block main %}
  11. <div class="main-sub-nav col-lg-11 col-md-11 col-sm-12 col-xs-12 alert alert-light">
  13. <div class="card w-100">
  14. <div class="card-body">
  15. <h5 class="card-title">Daily Progress</h5>
  16. <p class="card-text">Live transaction on {{ "now" | date("F jS Y \\a\\t g:ia") }}</p>
  18. <div class="white-box">
  19. <div class="row row-in">
  20. <div class="col-lg-4 col-sm-6 row-in-br">
  21. <ul class="col-in">
  22. <li>
  23. <span class="circle circle-md bg-danger"><i class="ti-clipboard"></i></span>
  24. </li>
  25. <li class="col-last">
  26. <h4 class="counter text-right m-t-15">{{ transactions | number_format }}</h4>
  27. </li>
  28. <li class="col-middle">
  29. <h5>New Transactions</h5>
  30. <div class="progress">
  31. <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="{{ transactions/200*100 }}" aria-valuemin="0" aria-valuemax="100"
  32. style="width: {{ transactions/200*100 }}%">
  33. <span class="sr-only">{{ transactions/200*100 }}% Complete (success)</span>
  34. </div>
  35. </div>
  36. </li>
  37. </ul>
  38. </div>
  39. <div class="col-lg-4 col-sm-6 row-in-br b-r-none">
  40. <ul class="col-in">
  41. <li>
  42. <span class="circle circle-md bg-info"><i class="ti-wallet"></i></span>
  43. </li>
  44. <li class="col-last">
  45. <h4 class="counter text-right m-t-15">KES{{ amount | number_format }}</h4>
  46. </li>
  47. <li class="col-middle">
  48. <h5>Total Transactions</h5>
  49. <div class="progress">
  50. <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="{{ amount/50000*100 }}" aria-valuemin="0" aria-valuemax="100"
  51. style="width: {{ amount/50000*100 }}%">
  52. <span class="sr-only">{{ amount/50000*100 }}% Complete (success)</span>
  53. </div>
  54. </div>
  55. </li>
  56. </ul>
  57. </div>
  59. <div class="col-lg-4 col-sm-6 b-0">
  60. <ul class="col-in">
  61. <li>
  62. <span class="circle circle-md bg-warning"><i class="fa fa-dollar"></i></span>
  63. </li>
  64. <li class="col-last">
  65. <h4 class="counter text-right m-t-15">KES{{ expenses | number_format }}</h4>
  66. </li>
  67. <li class="col-middle">
  68. <h5>Total Expenses</h5>
  69. <div class="progress">
  70. <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="{{ expenses/10000*100 }}" aria-valuemin="0" aria-valuemax="100"
  71. style="width: {{ expenses/10000*100 }}%">
  72. <span class="sr-only">{{ expenses/10000*100 }}% Complete (success)</span>
  73. </div>
  74. </div>
  75. </li>
  76. </ul>
  77. </div>
  80. </div>
  82. </div>
  83. </div>
  84. </div>
  88. </div>
  89. {% endblock %}