MIF_E31221446/resources/views/pages/santri/history.blade.php

118 lines
6.3 KiB
PHP

@extends('layouts.app')
<title>Riwayat | SR Klasifikasi</title>
@section('content')
<main id="main" class="main">
<div class="row">
<div class="pagetitle">
<h1>Riwayat</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Santri</a></li>
<li class="breadcrumb-item active">Riwayat</li>
</ol>
</nav>
</div>
<div class="col-12 dashboard">
<div class="row">
<div class="col-lg-12">
@if(session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif
<div class="card">
<div class="card-body">
<h5 class="card-title">Riwayat Hitung</h5>
<!-- Membungkus tabel dengan div.table-responsive -->
<div class="table-responsive">
<table id="riwayatTable" class="table">
<thead>
<tr>
<th>Tanggal</th>
<th>Tahun Angkatan</th>
<th>Al-Qur'an Isi</th>
<th>Al-Hadis Isi</th>
<th>Nilai N</th>
<th>Status</th>
<!-- Kolom Aksi -->
<th>Aksi</th>
</tr>
</thead>
<tbody>
@foreach($riwayat as $item)
<tr>
<td>{{ $item->created_at->format('Y-m-d') }}</td>
<td>{{ $item->tahun_angkatan }}</td>
<td>{{ $item->alquran }}</td>
<td>{{ $item->alhadis }}</td>
<td>{{ number_format($item->nilai_n, 2) }}</td>
<td>
@if($item->status === 'Tercapai')
<span class="badge bg-success">{{ $item->status }}</span>
@else
<span class="badge bg-danger">{{ $item->status }}</span>
@endif
</td>
<!-- Kolom Aksi -->
<td>
<!-- Tombol Hapus -->
<form action="{{ route('riwayat.destroy', $item->id) }}" method="POST"
style="display:inline;">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger btn-sm"
onclick="return confirm('Yakin ingin menghapus data ini?')">
<i class='bx bxs-trash'></i> Hapus
</button>
</form>
<!-- Tombol Kirim -->
<a href="{{ route('riwayat.send', $item->id) }}"
class="btn btn-primary btn-sm">
<i class='bx bxs-send'></i> Kirim
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<!-- End of .table-responsive -->
<!-- DataTables CSS & JS beserta extension Responsive -->
<link rel="stylesheet"
href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
<link rel="stylesheet"
href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.dataTables.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js">
</script>
<script>
$(document).ready(function () {
$('#riwayatTable').DataTable({
responsive: true,
"language": {
"search": "Cari:",
"lengthMenu": "Tampilkan _MENU_ data",
"zeroRecords": "Tidak ada data yang cocok",
"info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
"infoEmpty": "Tidak ada data tersedia",
"infoFiltered": "(disaring dari _MAX_ total data)"
}
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</main>
@endsection