Brak opisu
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.

dashboard.blade.php 4.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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. <a href="{{route('tindakan.index')}}">
  55. <div class="alert alert-warning" role="alert">
  56. Ada Laporan bahaya {{$lap->judul}} di {{$lap->lokasi}} dengan tingkat bahaya {{$lap->status}} segera ditindak lanjuti
  57. </div>
  58. </a>
  59. </div>
  60. </div>
  61. @endif
  62. @endforeach
  63. @foreach($apresiasi as $apre)
  64. <div class="row mt-2">
  65. <div class="col-md-12">
  66. <a href="{{route('apresiasi.adminIndex')}}">
  67. <div class="alert alert-success" role="alert">
  68. Ada laporan apresiasi {{$apre->judul}} di {{$apre->lokasi}} yang bisa di lihat dan contoh !
  69. </div>
  70. </a>
  71. </div>
  72. </div>
  73. @endforeach
  74. <script>
  75. function changeColor(id, bgColor, textColor) {
  76. document.getElementById(id).style.backgroundColor = bgColor;
  77. document.getElementById(id).style.color = textColor;
  78. }
  79. </script>
  80. @endsection