Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.31 KB | None | 0 0
  1. @extends('layouts.app')
  2. @section('content')
  3. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
  4. <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap4.min.css">
  5. <div class="container">
  6. <div class="row justify-content-center">
  7. <div class="col-md-10">
  8. <div class="card">
  9. <div class="card-header">Dashboard - Ketua Kumpulan</div>
  10.  
  11. <div class="card-body">
  12. @if (session('status'))
  13. <div class="alert alert-success" role="alert">
  14. {{ session('status') }}
  15. </div>
  16. @endif
  17.  
  18. <div class="links">
  19. <a href="{{ url('author/report') }}">Report</a>
  20. </div>
  21. </div>
  22. </div>
  23. <br>
  24. <div class="card">
  25. <div class="card-header">
  26. <ul class="nav nav-tabs" role="tablist" style="border-bottom-color: transparent">
  27. <li role="presentation" class="active">
  28. <a href="#change_password_with_icon_title" data-toggle="tab">
  29. INCOMPLETE &nbsp&nbsp
  30. </a>
  31. </li>
  32. <li role="presentation">
  33. <a href="#profile_with_icon_title" data-toggle="tab">
  34. COMPLETE
  35. </a>
  36. </li>
  37. </ul>
  38. </div>
  39. <div class="card-body">
  40. <div class="tab-content">
  41. <div role="tabpanel" class="tab-pane fade" id="profile_with_icon_title">
  42. <table class="table table-bordered" id="table">
  43. <thead>
  44. <tr>
  45. <th scope="col">#</th>
  46. <th scope="col">Nama</th>
  47. <th scope="col">Alamat</th>
  48. <th scope="col">Butiran</th>
  49. <th scope="col" class="text-center">Status</th>
  50. <th scope="col" class="text-center">Tindakan</th>
  51. </tr>
  52. </thead>
  53. <tbody>
  54. @foreach($report as $r)
  55. @if($r->status == 1)
  56. <tr>
  57. <th scope="row">{{ $r->id }}</th>
  58. <td>{{ $r->nama_pelapor }}</td>
  59. <td>{{ $r->alamat }}</td>
  60. <td>{{ $r->butiran }}</td>
  61. <td class="text-center">COMPLETE</td>
  62. <td class="text-center">
  63. <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#modal-{{ $r->id }}"><i class="far fa-eye"></i></button>
  64. <div class="modal fade text-left" id="modal-{{ $r->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  65. <div class="modal-dialog modal-lg" role="document">
  66. <div class="modal-content">
  67. <div class="modal-header">
  68. <h5 class="modal-title" id="exampleModalLabel">Report</h5>
  69. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  70. <span aria-hidden="true">&times;</span>
  71. </button>
  72. </div>
  73. @foreach( $complete as $rs )
  74. @if($r->id == $rs->report_id )
  75. <div class="modal-body">
  76. G. PENGESAHAN SIAP KERJA (Jika kerja disempurnakan)
  77. <hr>
  78. <label>Kerja-kerja pembaikian kerodakan yang diarahkan telah disiapkan dengan memuaskan</label>
  79. <div class="form-group row">
  80. <label for="inputEmail3" class="col-sm-3 col-form-label">Waktu hadir</label>
  81. <div class="col-sm-3">
  82. <input type="time" class="form-control" id="inputEmail3" name="waktuh" value="{{ $rs->waktu_hadir }}">
  83. </div>
  84. <label for="ws" class="col-sm-3 col-form-label">Waktu siap</label>
  85. <div class="col-sm-3">
  86. <input type="time" class="form-control" id="ws" name="waktus" {{ $rs->waktu_siap }}>
  87. </div>
  88. </div>
  89. <div class="form-group row">
  90. <label class="col-sm-3 col-form-label">Tarikh</label>
  91. <div class="col-sm-3">
  92. <input type="date" class="form-control" name="tarikh" value="{{ $rs->tarikh }}">
  93. </div>
  94. <label class="col-sm-3">Nama Penghuni: </label>
  95. <div class="col-sm-3">
  96. <input type="text" class="form-control" name="nama_penghuni" value="{{ $rs->nama_penghuni }}">
  97. </div>
  98. </div>
  99. <hr>
  100. H. LAPORAN PELAKSANAAN KERJA (Oleh Petugas JKR)
  101. <hr>
  102. <div class="form-group">
  103. <label for="butir">Butir-butir kerja sebenar/sebab-sebab kerosakan: </label>
  104. <textarea class="form-control" id="butir" rows="2" name="butir">{{ $rs->butir_kerja }}</textarea>
  105. </div>
  106. <div class="form-group">
  107. <label for="alat">Barangan/alat ganti yang telah digunakan/diganti: </label>
  108. <textarea class="form-control" id="alat" rows="2" name="barang">{{ $rs->barang }}</textarea>
  109. </div>
  110. <button class="btn btn-primary" onclick="window.print()"><i class="fas fa-print"></i></button>
  111. </div>
  112. <div class="modal-footer">
  113. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  114. <input type="submit" class="btn btn-primary" value="Save changes">
  115. </div>
  116. @endif
  117. @endforeach
  118. </div>
  119. </div>
  120. </div>
  121. </td>
  122. </tr>
  123. @endif
  124. @endforeach
  125. </tbody>
  126. </table>
  127. </div>
  128. <div role="tabpanel" class="tab-pane fade in active show" id="change_password_with_icon_title">
  129. <table class="table table-bordered" id="table2">
  130. <thead>
  131. <tr>
  132. <th></th>
  133. <th scope="col">#</th>
  134. <th scope="col">Nama</th>
  135. <th scope="col">Alamat</th>
  136. <th scope="col">Butiran</th>
  137. <th scope="col" class="text-center">Status</th>
  138. <th scope="col" class="text-center">Tindakan</th>
  139. </tr>
  140. </thead>
  141. <tbody>
  142. @foreach($report as $r)
  143. @if($r->status == 0)
  144. <tr>
  145. <th></th>
  146. <th scope="row">{{ $r->id }}</th>
  147. <td>{{ $r->nama_pelapor }}</td>
  148. <td>{{ $r->alamat }}</td>
  149. <td>{{ $r->butiran }}</td>
  150. <td class="text-center">INCOMPLETE</td>
  151. <td class="text-center">
  152. <a href="{{ route('author.kerja.show',$r->id) }}">
  153. <button class="btn btn-primary"><i class="far fa-edit"></i></button>
  154. </a>
  155. </td>
  156. </tr>
  157. @endif
  158. @endforeach
  159. </tbody>
  160. </table>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165.  
  166. </div>
  167. </div>
  168. </div>
  169. <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
  170. <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" defer></script>
  171. <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js" defer></script>
  172. <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js" defer></script>
  173. <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap4.min.js" defer></script>
  174. <script type="text/javascript">
  175. $(document).ready( function () {
  176. $('#table').DataTable();
  177. $('#table2').DataTable({
  178. responsive: {
  179. details: {
  180. type: 'column',
  181. target: 'tr'
  182. }
  183. },
  184. columnDefs: [ {
  185. className: 'control',
  186. orderable: false,
  187. targets: 0
  188. }],
  189. });
  190. } );
  191. </script>
  192. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement