templates/dashboard/dash.html.twig line 1

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