{{-- @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