Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @extends('layouts.app')
- @section('content')
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
- <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap4.min.css">
- <div class="container">
- <div class="row justify-content-center">
- <div class="col-md-10">
- <div class="card">
- <div class="card-header">Dashboard - Ketua Kumpulan</div>
- <div class="card-body">
- @if (session('status'))
- <div class="alert alert-success" role="alert">
- {{ session('status') }}
- </div>
- @endif
- <div class="links">
- <a href="{{ url('author/report') }}">Report</a>
- </div>
- </div>
- </div>
- <br>
- <div class="card">
- <div class="card-header">
- <ul class="nav nav-tabs" role="tablist" style="border-bottom-color: transparent">
- <li role="presentation" class="active">
- <a href="#change_password_with_icon_title" data-toggle="tab">
- INCOMPLETE   
- </a>
- </li>
- <li role="presentation">
- <a href="#profile_with_icon_title" data-toggle="tab">
- COMPLETE
- </a>
- </li>
- </ul>
- </div>
- <div class="card-body">
- <div class="tab-content">
- <div role="tabpanel" class="tab-pane fade" id="profile_with_icon_title">
- <table class="table table-bordered" id="table">
- <thead>
- <tr>
- <th scope="col">#</th>
- <th scope="col">Nama</th>
- <th scope="col">Alamat</th>
- <th scope="col">Butiran</th>
- <th scope="col" class="text-center">Status</th>
- <th scope="col" class="text-center">Tindakan</th>
- </tr>
- </thead>
- <tbody>
- @foreach($report as $r)
- @if($r->status == 1)
- <tr>
- <th scope="row">{{ $r->id }}</th>
- <td>{{ $r->nama_pelapor }}</td>
- <td>{{ $r->alamat }}</td>
- <td>{{ $r->butiran }}</td>
- <td class="text-center">COMPLETE</td>
- <td class="text-center">
- <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#modal-{{ $r->id }}"><i class="far fa-eye"></i></button>
- <div class="modal fade text-left" id="modal-{{ $r->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="exampleModalLabel">Report</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- @foreach( $complete as $rs )
- @if($r->id == $rs->report_id )
- <div class="modal-body">
- G. PENGESAHAN SIAP KERJA (Jika kerja disempurnakan)
- <hr>
- <label>Kerja-kerja pembaikian kerodakan yang diarahkan telah disiapkan dengan memuaskan</label>
- <div class="form-group row">
- <label for="inputEmail3" class="col-sm-3 col-form-label">Waktu hadir</label>
- <div class="col-sm-3">
- <input type="time" class="form-control" id="inputEmail3" name="waktuh" value="{{ $rs->waktu_hadir }}">
- </div>
- <label for="ws" class="col-sm-3 col-form-label">Waktu siap</label>
- <div class="col-sm-3">
- <input type="time" class="form-control" id="ws" name="waktus" {{ $rs->waktu_siap }}>
- </div>
- </div>
- <div class="form-group row">
- <label class="col-sm-3 col-form-label">Tarikh</label>
- <div class="col-sm-3">
- <input type="date" class="form-control" name="tarikh" value="{{ $rs->tarikh }}">
- </div>
- <label class="col-sm-3">Nama Penghuni: </label>
- <div class="col-sm-3">
- <input type="text" class="form-control" name="nama_penghuni" value="{{ $rs->nama_penghuni }}">
- </div>
- </div>
- <hr>
- H. LAPORAN PELAKSANAAN KERJA (Oleh Petugas JKR)
- <hr>
- <div class="form-group">
- <label for="butir">Butir-butir kerja sebenar/sebab-sebab kerosakan: </label>
- <textarea class="form-control" id="butir" rows="2" name="butir">{{ $rs->butir_kerja }}</textarea>
- </div>
- <div class="form-group">
- <label for="alat">Barangan/alat ganti yang telah digunakan/diganti: </label>
- <textarea class="form-control" id="alat" rows="2" name="barang">{{ $rs->barang }}</textarea>
- </div>
- <button class="btn btn-primary" onclick="window.print()"><i class="fas fa-print"></i></button>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
- <input type="submit" class="btn btn-primary" value="Save changes">
- </div>
- @endif
- @endforeach
- </div>
- </div>
- </div>
- </td>
- </tr>
- @endif
- @endforeach
- </tbody>
- </table>
- </div>
- <div role="tabpanel" class="tab-pane fade in active show" id="change_password_with_icon_title">
- <table class="table table-bordered" id="table2">
- <thead>
- <tr>
- <th></th>
- <th scope="col">#</th>
- <th scope="col">Nama</th>
- <th scope="col">Alamat</th>
- <th scope="col">Butiran</th>
- <th scope="col" class="text-center">Status</th>
- <th scope="col" class="text-center">Tindakan</th>
- </tr>
- </thead>
- <tbody>
- @foreach($report as $r)
- @if($r->status == 0)
- <tr>
- <th></th>
- <th scope="row">{{ $r->id }}</th>
- <td>{{ $r->nama_pelapor }}</td>
- <td>{{ $r->alamat }}</td>
- <td>{{ $r->butiran }}</td>
- <td class="text-center">INCOMPLETE</td>
- <td class="text-center">
- <a href="{{ route('author.kerja.show',$r->id) }}">
- <button class="btn btn-primary"><i class="far fa-edit"></i></button>
- </a>
- </td>
- </tr>
- @endif
- @endforeach
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
- <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" defer></script>
- <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js" defer></script>
- <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js" defer></script>
- <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap4.min.js" defer></script>
- <script type="text/javascript">
- $(document).ready( function () {
- $('#table').DataTable();
- $('#table2').DataTable({
- responsive: {
- details: {
- type: 'column',
- target: 'tr'
- }
- },
- columnDefs: [ {
- className: 'control',
- orderable: false,
- targets: 0
- }],
- });
- } );
- </script>
- @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement