TIF_E41200315/resources/views/pages/penilaian/index.blade.php

115 lines
4.2 KiB
PHP

@extends('layout.master')
@section('title', 'Data Nilai Alternatif')
@push('css')
<link href="{{ url('sbAdmin/vendor/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
@endpush
@section('content')
@if (session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif
@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif
<div class="mb-2">
<form action="{{ route('penilaian_alternatif') }}" method="GET">
<div class="form-group">
<label for="periodeFilter">Pilih Tahun Pelajaran:</label>
<select name="periode" id="periodeFilter" class="form-control" onchange="this.form.submit()">
<option value="">Pilih Tahun Pelajaran</option>
@foreach ($periode as $p)
<option value="{{ $p }}">{{ $p }}</option>
@endforeach
</select>
</div>
</form>
</div>
<div class="card border-top-primary shadow mb-4">
<div class="card-body pt-3">
<div class="mb-2">
<a href="{{ route('create_penilaian') }}" class="btn btn-sm btn-primary">Tambah Nilai Alternatif</a>
</div>
<div class="table-responsive">
<table class="table table-bordered table-sm" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th class="text-center" width="5%">No</th>
<th class="text-center">Alternatif</th>
<th class="text-center" width="50%">Kriteria</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
@foreach ($penilaian as $item)
<tr>
<td class="text-center">{{ $loop->iteration }}</td>
<td>{{ $item->alternatif->kode_alternatif }}</td>
<td>{{ $item->periode }}</td>
<td class="text-center">
<a href="{{ route('edit_penilaian', ['kode_alternatif' => $item->alternatif->kode_alternatif, 'periode' => $item->periode]) }}" class="btn btn-sm btn-warning">Edit</a>
<button class="btn btn-sm btn-danger" onclick="deletePenilaian('{{ $item->alternatif->kode_alternatif }}', '{{ $item->periode }}')">Hapus</button>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@endsection
@push('js')
<script>
$(document).ready(function() {
$('#dataTable').DataTable();
});
function deletePenilaian(kodeAlternatif, periode) {
Swal.fire({
title: 'Apakah Anda yakin?',
text: 'Data penilaian akan dihapus permanen!',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: 'Ya, hapus!',
}).then((result) => {
if (result.isConfirmed) {
// Make an AJAX request to delete the record
deletePenilaianAjax(kodeAlternatif, periode);
}
});
}
function deletePenilaianAjax(kodeAlternatif, periode) {
$.ajax({
url: '{{ route("delete_penilaian", ["kode_alternatif" => ":kode_alternatif", "periode" => ":periode"]) }}'.replace(':kode_alternatif', kodeAlternatif).replace(':periode', periode),
type: 'DELETE',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
success: function(data) {
// Reload the page or update the table as needed
location.reload();
},
error: function(error) {
console.error('Error:', error);
// Handle error if needed
}
});
}
</script>
<!-- Page level plugins -->
<script src="{{ url('sbAdmin/vendor/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ url('sbAdmin/vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>
@endpush