TIF_E41200540/resources/views/pages/laporan/index.blade.php

96 lines
3.4 KiB
PHP

@extends('layouts.main')
@section('subtitle', 'Laporan')
@section('content')
<div class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Laporan</h1>
</div>
</div>
</div>
</div>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Data Hasil Analisa</h3>
<div class="card-tools">
<a href="{{ route('laporan.cetak') }}" class="btn btn-secondary">
Cetak
</a>
</div>
</div>
<div class="card-body">
<table id="myTable" class="table table-bordered table-hover">
<thead>
<tr>
<th>No</th>
<th>RT/RW</th>
<th>NIK</th>
<th>Nama Lengkap</th>
<th>Keputusan</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<script>
$(document).ready(function() {
$("#myTable").DataTable({
processing: true,
ordering: true,
responsive: true,
serverSide: true,
ajax: "{{ route('laporan') }}",
columns: [{
data: 'DT_RowIndex',
name: 'DT_RowIndex'
},
{
data: 'rt_rw',
name: 'rt_rw'
},
{
data: 'nik',
name: 'nik'
},
{
data: 'nama',
name: 'nama'
},
{
data: 'keputusan',
name: 'keputusan'
},
],
rowCallback: function(row, data, index) {
var dt = this.api();
$(row).attr('data-id', data.id);
$('td:eq(0)', row).html(dt.page.info().start + index + 1);
}
});
});
</script>
@endsection