<!-- Extend Layout --> @extends('layout.app_guest',['title' => $title]) @push('css') <link rel="stylesheet" href="{{asset('/')}}plugins/datatables-bs4/css/dataTables.bootstrap4.min.css"> <link rel="stylesheet" href="{{asset('/')}}plugins/datatables-responsive/css/responsive.bootstrap4.min.css"> <link rel="stylesheet" href="{{asset('/')}}plugins/datatables-buttons/css/buttons.bootstrap4.min.css"> @endpush @section('content') <!-- Main content --> <section class="content"> <div class="container-fluid"> <!-- SELECT2 EXAMPLE --> <div class="card card-default"> <div class="card-header"> <h3 class="card-title">{{$title}}</h3> </div> <!-- /.card-header --> <div class="card-body"> @if ($errors->any()) <div class="alert alert-danger"> <ul> @foreach ($errors->all() as $error ) <li>{{ $error }}</li> @endforeach </ul> </div> @endif @if(session('success')) <div class="alert alert-success"> <ul> <li>{{ session('success') }}</li> </ul> </div> @endif @if(session('error')) <div class="alert alert-danger"> <ul> <li>{{ session('error') }}</li> </ul> </div> @endif <div class="alert alert-info alert-dismissible"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <h5><i class="icon fas fa-info"></i> Perhatian!</h5> <span>Data yang tampil disini adalah data Real time. Jika Belum Melakukan Tanda tangan maka tidak akan muncul Tanggal Pada Kolom Status Tanda Tangan</span> </div> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>CaseID</th> <th>NIM</th> <th>Nama</th> <th>Status TTD Pj. Ruang Baca</th> <th>Action</th> </tr> </thead> <tbody> @foreach($data as $item) <tr> <td>{{$item->caseid}}</td> <td>{{$item->nim}}</td> <td>{{$item->nama}}</td> <td>{{$item->ttd_ruang_baca}}</td> <td><a href="{{ route('layanan-wisuda.ettd',['url'=>'ruangbaca','caseid'=>$item->caseid]) }}" target="_blank" class="btn btn-success"><i class="far fa-edit"></i> TTD</a></td> </tr> @endforeach </tbody> <tfoot> <tr> <th>CaseID</th> <th>NIM</th> <th>Nama</th> <th>Status TTD Pj. Ruang Baca</th> <th>Action</th> </tr> </tfoot> </table> </div> </div> <!-- /.card --> </div> <!-- /.container-fluid --> </section> <!-- /.content --> @endsection @push('js') <!-- DataTables & Plugins --> <script src="{{asset('/')}}plugins/datatables/jquery.dataTables.min.js"></script> <script src="{{asset('/')}}plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script src="{{asset('/')}}plugins/datatables-responsive/js/dataTables.responsive.min.js"></script> <script src="{{asset('/')}}plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script> <script src="{{asset('/')}}plugins/datatables-buttons/js/dataTables.buttons.min.js"></script> <script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script> <script src="{{asset('/')}}plugins/jszip/jszip.min.js"></script> <script src="{{asset('/')}}plugins/pdfmake/pdfmake.min.js"></script> <script src="{{asset('/')}}plugins/pdfmake/vfs_fonts.js"></script> <script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.html5.min.js"></script> <script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.print.min.js"></script> <script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.colVis.min.js"></script> <script> $(function () { $("#example1").DataTable({ "responsive": true, "lengthChange": false, "autoWidth": false, order: [[3, 'asc']], "buttons": ["csv", "excel", "pdf", "print", "colvis"] }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)'); }); </script> @endpush