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.

index.blade.php 3.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @extends('layouts.layout-user')
  2. @section('content')
  3. <table id="table-register" class="table table-bordered table-hover">
  4. <thead>
  5. <tr>
  6. <th colspan="6">
  7. <h2 style="display: inline-block; margin-right: 10px;">Data Pelaporan Apresiasi</h2>
  8. <span style="margin:1%; float: right;"></span>
  9. <form class="w-72" action="{{route('apresiasi.userIndex')}}" method="GET">
  10. <div class="input-group input-group-merge" style="max-width: 300px">
  11. <span class="input-group-text" id="basic-addon-search31"><i class="fa fa-search"></i></span>
  12. <input name="search" class="form-control" placeholder="Search..." aria-label="Search..." aria-describedby="basic-addon-search31"></input>
  13. </div>
  14. </form>
  15. </th>
  16. </tr>
  17. <tr style="background-color: #155dfa;">
  18. <th style="vertical-align: middle; color: white; text-align: center; padding: 10px;">No</th>
  19. <th style="vertical-align: middle; color: white; text-align: center; padding: 10px;">Judul</th>
  20. <th style="vertical-align: middle; color: white; text-align: center; padding: 10px; width: 30%;">Deskripsi</th>
  21. <th style="vertical-align: middle; color: white; text-align: center; padding: 10px;">Lokasi</th>
  22. <th style="vertical-align: middle; color: white; text-align: center; padding: 10px;">Foto</th>
  23. <th style="vertical-align: middle; text-align: center; color: white; padding: 10px; width: 20%;">Action</th>
  24. </tr>
  25. </thead>
  26. <!-- Isi tabel -->
  27. <tbody>
  28. @php
  29. $i=1;
  30. @endphp
  31. @if($apresiasi->count() > 0)
  32. @foreach ($apresiasi as $apresiasi)
  33. <tr>
  34. <td style="text-align: center; vertical-align: middle;">{{ $i++ }}</td>
  35. <td style="text-align: center; vertical-align: middle;">{{ $apresiasi->judul }}</td>
  36. <td style="text-align: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 10em;">{{ $apresiasi->deskripsi }}</td>
  37. <td style="text-align: center; vertical-align: middle;">{{ $apresiasi->lokasi }}</td>
  38. <td style="text-align: center; vertical-align: middle;">
  39. <img src="{{ asset('foto/' . $apresiasi->foto) }}" alt="Foto" style="width: 100px; height: 100px; object-fit: cover;">
  40. </td>
  41. <td style="text-align: center; vertical-align: middle;">
  42. <div style="display: flex; justify-content: center; gap: 10px;">
  43. <a href="{{ route('apresiasi.adminDestroy', ['id' => $apresiasi->id]) }}" class="btn btn-delete" style="background-color: red; color: #fff; border: none; border-radius: 4px; cursor: pointer; width: 80px;">Delete</a>
  44. <a href="{{ route('apresiasi.adminShow', ['id' => $apresiasi->id]) }}" class="btn btn-delete" style="background-color: rgb(82, 210, 67); color: #fff; border: none; border-radius: 4px; cursor: pointer; width: 80px;">Show</a>
  45. </div>
  46. </td>
  47. </tr>
  48. @endforeach
  49. @else
  50. <tr>
  51. <td class="text-center" colspan="6">Pelaporan Apresiasi not found</td>
  52. </tr>
  53. @endif
  54. </tbody>
  55. </table>
  56. @endsection