No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

dashboards.blade.php 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @extends('layouts.layout-user')
  2. @section('content')
  3. <div class="row">
  4. <h1>DASHBOARD</h1>
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-lg-3 col-md-3 col-6 mb-4">
  8. <div class="d-flex flex-column h-100">
  9. <a href="#" class="card shadow text-decoration-none flex-grow-1" style="background-image: linear-gradient(to right, #0867E9, #6BA3F0);">
  10. <div class="card-body text-center d-flex flex-column justify-content-between" style="color:white;">
  11. <div style="font-size: 16px;">Sedang Dilaporkan</div>
  12. <span id="userSpan" style="font-size: 30px; font-weight: bold; border-radius: 50%;" onmouseout="this.style.border = 'none'; this.style.color = '';">{{$total}}</span>
  13. </div>
  14. </a>
  15. </div>
  16. </div>
  17. <div class="col-lg-3 col-md-3 col-6 mb-4">
  18. <div class="d-flex flex-column h-100">
  19. <a href="#" class="card shadow text-decoration-none flex-grow-1" style="background-image: linear-gradient(to right, #F76D2E, #EEA45D);">
  20. <div class="card-body text-center d-flex flex-column justify-content-between" style="color:white;">
  21. <div style="font-size: 16px;">Diverifikasi</div>
  22. <span id="menuSpan" style="font-size: 30px; font-weight: bold; border-radius: 50%;" onmouseout="this.style.border = 'none'; this.style.color = '';">{{$tot}}</span>
  23. </div>
  24. </a>
  25. </div>
  26. </div>
  27. <div class="col-lg-3 col-md-3 col-6 mb-4">
  28. <div class="d-flex flex-column h-100">
  29. <a href="#" class="card shadow text-decoration-none flex-grow-1" style="background-image: linear-gradient(to right, #F84B67, #F86E85);">
  30. <div class="card-body text-center d-flex flex-column justify-content-between" style="color:white;">
  31. <div style="font-size: 16px;">Ditindak Lanjuti</div>
  32. <span id="bahanSpan" style="font-size: 30px; font-weight: bold; border-radius: 50%;" onmouseout="this.style.border = 'none'; this.style.color = '';">{{$tots}}</span>
  33. </div>
  34. </a>
  35. </div>
  36. </div>
  37. <div class="col-lg-3 col-md-3 col-6 mb-4">
  38. <div class="d-flex flex-column h-100">
  39. <a href="#" class="card shadow text-decoration-none flex-grow-1" style="background-image: linear-gradient(to right, #08976B, #47D5A7);">
  40. <div class="card-body text-center d-flex flex-column justify-content-between" style="color:white;">
  41. <div style="font-size: 16px;">Selesai</div>
  42. <span id="stokSpan" style="font-size: 30px; font-weight: bold; border-radius: 50%;" onmouseout="this.style.border = 'none'; this.style.color = '';">{{$totals}}</span>
  43. </div>
  44. </a>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. @foreach($pelaporans as $lap)
  51. @if($lap->tindakan_id != 4 && $lap->tindakan_id != 'Selesai')
  52. <div class="row mt-2">
  53. <div class="col-md-12">
  54. <div class="alert alert-warning" role="alert">
  55. Hati-hati ada bahaya {{$lap->judul}} di {{$lap->lokasi}} dengan tingkat bahaya {{$lap->status}} yang wajib kamu waspadai !!!
  56. </div>
  57. </div>
  58. </div>
  59. @endif
  60. @endforeach
  61. @foreach($apresiasi as $apre)
  62. <div class="row mt-2">
  63. <div class="col-md-12">
  64. <a href="{{route('apresiasi.userIndex')}}">
  65. <div class="alert alert-success" role="alert">
  66. Ada laporan apresiasi {{$apre->judul}} di {{$apre->lokasi}} yang bisa kamu lihat dan contoh !!!
  67. </div>
  68. </a>
  69. </div>
  70. </div>
  71. @endforeach
  72. <script>
  73. function changeColor(id, bgColor, textColor) {
  74. document.getElementById(id).style.backgroundColor = bgColor;
  75. document.getElementById(id).style.color = textColor;
  76. }
  77. </script>
  78. @endsection