last_month_report.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .customers {
  6. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  7. border-collapse: collapse;
  8. width: 100%;
  9. }
  10. .customers td, .customers th {
  11. border: 1px solid #ddd;
  12. padding: 8px;
  13. text-align: center;
  14. }
  15. .customers tr:nth-child(even){background-color: #f2f2f2;}
  16. .customers tr:hover {background-color: #ddd;}
  17. .customers th {
  18. padding-top: 12px;
  19. padding-bottom: 12px;
  20. text-align: left;
  21. background-color: #a60c15;
  22. color: white;
  23. text-align: center;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div align="center" style="margin-top: 25px;">
  29. <img src="https://ercare24.com/wp-content/uploads/2016/07/signature-care-resized-e1462918690585.png" alt="Avatar" class="image" width=50% >
  30. <h2 style="text-align:center;">Last Month Review Report</h2>
  31. </div>
  32. <div align="center">
  33. <h4>Total Review Ratings</h4>
  34. <table class="customers">
  35. <tr>
  36. <th>Star ---></th>
  37. <th>One</th>
  38. <th>Two</th>
  39. <th>Three</th>
  40. <th>Four</th>
  41. <th>Five</th>
  42. </tr>
  43. <tr>
  44. <td>Last Month</td>
  45. {% for r in this_month %}
  46. <td>{{ r }}</td>
  47. {% endfor %}
  48. </tr>
  49. </table>
  50. </div>
  51. <div align="center">
  52. <h4>Staffs Report</h4>
  53. <table class="customers">
  54. <tr>
  55. <th>Name</th>
  56. <th>Department</th>
  57. <th>Total Mentioned</th>
  58. <th>Total Unit</th>
  59. </tr>
  60. <tr>
  61. {% for staff in staffs %}
  62. <tr>
  63. <td>{{ staff.name }}</td>
  64. <td>{{ staff.department }}</td>
  65. <td>{{ staff.name_mentioned }}</td>
  66. <td>{{ staff.total_units }}</td>
  67. </tr>
  68. {% endfor %}
  69. </tr>
  70. </table>
  71. </div>
  72. </body>
  73. </html>