MIF_E31211900/resources/views/pages/dashboard/pelanggaran/detail.blade.php

224 lines
7.2 KiB
PHP

{{-- @extends('layouts.app')
@section('content')
<div class="container mx-auto" id="printThis">
<div class="text-left mb-6 px-4 flex justify-between items-center">
<div class="text-2xl font-bold">
Detail Pelanggaran
</div>
<button id="printButton" class="bg-blue-500 text-white py-2 px-4 rounded">
Print
</button>
</div>
<div class="mb-4 px-4 text-left">
<p class="py-2">Nama : {{ $data->siswa->nama }}</p>
<p class="py-2">NIS : {{ $data->siswa->nis }}</p>
<p class="py-2">Kelas : {{ $data->siswa->kelas }}</p>
</div>
<div class="text-left flex">
<table class="w-full bg-white">
<thead>
<tr>
<th class="py-2 px-4 border-b">No.</th>
<th class="py-2 px-4 border-b">Pelanggaran</th>
<th class="py-2 px-4 border-b">Poin</th>
<th class="py-2 px-4 border-b">Utility</th>
</tr>
</thead>
<tbody>
@php
$totalSmart = 0;
$rowCount = count($list);
@endphp
@foreach ($list as $index => $item)
@php
$utility = $item->kriteria->bobot / 100 * $item->jenis->point;
$totalSmart += $utility;
@endphp
<tr>
<td class="py-5 px-4 text-sky-500">{{ $index + 1 }}</td>
<td class="py-5 px-4">{{ $item->jenis->jenis_pelanggaran }}</td>
<td class="py-5 px-4">{{ $item->jenis->point }}</td>
<td class="py-5 px-4">{{ $utility }}</td>
</tr>
@endforeach
</tbody>
</table>
<table class="w-1/2">
<thead>
<tr>
<th class="py-2 px-4 border-b">Nilai SMART</th>
<th class="py-2 px-4 border-b">Tindakan</th>
<th class="py-2 px-4 border-b">Sanksi</th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-5 px-4">{{ $totalSmart }}</td>
<td class="py-5 px-4">{{ $data->tindakan->tindakan_sekolah }}</td>
<td class="py-5 px-4">{{ $data->sanksi->jenis_sanksi }}</td>
</tr>
</tbody>
</table>
</div>
</div>
<script>
document.getElementById('printButton').addEventListener('click', function() {
var printContents = document.getElementById('printThis').innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
location.reload();
});
</script>
@endsection --}}
{{-- @extends('layouts.app')
@section('content')
<div class="container mx-auto" id="printThis">
<div class="text-left mb-6 px-4 flex justify-between items-center">
<div class="text-2xl font-bold">
Detail Pelanggaran
</div>
<button id="printButton" class="bg-blue-500 text-white py-2 px-4 rounded">
Print
</button>
</div>
<div class="mb-4 px-4 text-left">
<p class="py-2">Nama : {{ $data->siswa->nama }}</p>
<p class="py-2">NIS : {{ $data->siswa->nis }}</p>
<p class="py-2">Kelas : {{ $data->siswa->kelas }}</p>
</div>
<div class="text-left">
<table class="w-full bg-white table-auto border-collapse">
<thead>
<tr class="border-b">
<th class="py-2 px-4">No.</th>
<th class="py-2 px-4">Pelanggaran</th>
<th class="py-2 px-4">Poin</th>
<th class="py-2 px-4">Utility</th>
<th class="py-2 px-4">Nilai SMART</th>
<th class="py-2 px-4">Tindakan</th>
<th class="py-2 px-4">Sanksi</th>
</tr>
</thead>
<tbody>
@php
$totalSmart = 0;
$rowCount = count($list);
@endphp
@foreach ($list as $index => $item)
@php
$utility = $item->kriteria->bobot / 100 * $item->jenis->point;
$totalSmart += $utility;
@endphp
<tr>
<td class="py-5 px-4 text-sky-500">{{ $index + 1 }}</td>
<td class="py-5 px-4">{{ $item->jenis->jenis_pelanggaran }}</td>
<td class="py-5 px-4">{{ $item->jenis->point }}</td>
<td class="py-5 px-4">{{ $utility }}</td>
@if ($index === 0)
<td class="py-5 px-4" rowspan="{{ $rowCount }}">{{ $totalSmart }}</td>
<td class="py-5 px-4" rowspan="{{ $rowCount }}">{{ $data->tindakan->tindakan_sekolah }}</td>
<td class="py-5 px-4" rowspan="{{ $rowCount }}">{{ $data->sanksi->jenis_sanksi }}</td>
@endif
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script>
document.getElementById('printButton').addEventListener('click', function() {
var printContents = document.getElementById('printThis').innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
location.reload();
});
</script>
@endsection --}}
@extends('layouts.app')
@section('content')
<div class="container mx-auto" id="printThis">
<div class="text-left mb-6 px-4 flex justify-between items-center">
<div class="text-2xl font-bold">
Detail Pelanggaran
</div>
<button id="printButton" class="bg-blue-500 text-white py-2 px-4 rounded">
Print
</button>
</div>
<div class="mb-4 px-4 text-left">
<p class="py-2">Nama : {{ $data->siswa->nama }}</p>
<p class="py-2">NIS : {{ $data->siswa->nis }}</p>
<p class="py-2">Kelas : {{ $data->siswa->kelas }}</p>
</div>
<div class="text-left">
<table class="w-full bg-white table-auto border-collapse">
<thead>
<tr class="border-b">
<th class="py-2 px-4">No.</th>
<th class="py-2 px-4">Pelanggaran</th>
<th class="py-2 px-4">Poin</th>
<th class="py-2 px-4">nilai ter-normalisasi</th>
<th class="py-2 px-4">Nilai SMART</th>
<th class="py-2 px-4">Tindakan</th>
<th class="py-2 px-4">Sanksi</th>
</tr>
</thead>
<tbody>
@php
$totalUtility = 0;
$totalSmart = 0;
$rowCount = count($list);
@endphp
@foreach ($list as $index => $item)
@php
$utility = $item->kriteria->bobot / 100 * $item->jenis->point;
$totalUtility += $utility;
@endphp
<tr>
<td class="py-5 px-4 text-sky-500">{{ $index + 1 }}</td>
<td class="py-5 px-4">{{ $item->jenis->jenis_pelanggaran }}</td>
<td class="py-5 px-4">{{ $item->jenis->point }}</td>
<td class="py-5 px-4">{{ $utility }}</td>
@if ($index === $rowCount - 1)
<td class="py-5 px-4">{{ $totalUtility }}</td>
<td class="py-5 px-4">{{ $data->tindakan->tindakan_sekolah }}</td>
<td class="py-5 px-4">{{ $data->sanksi->jenis_sanksi }}</td>
@endif
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<script>
document.getElementById('printButton').addEventListener('click', function() {
var printContents = document.getElementById('printThis').innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
location.reload();
});
</script>
@endsection