@extends('layout.app')
@section('title', 'admin')
@section('content')

@extends('layout.bs5')

    <h1 class="h3 mb-2 text-gray-800">Perhitungan FMCDM by Sistem</h1>
    <p class="mb-4">Fitur ini berguna untuk menghitung alternatif dan kriteria yang sudah ditambahkan dengan menggunakan metode FMCDM yang langsung diproses oleh sistem tanpa harus melakukan penginputan alternatif dan kriteria secara manual.</p>

    <!-- alert -->
    @if (session('message'))
        <div id="alert-session" class="alert alert-success alert-dismissible fade show mb-4" role="alert" style="border-radius: 0;" data-display="10000">
            <strong>{{ session('message') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <script>
            setTimeout(function() {
                var alert = document.getElementById('alert-session');
                var time = parseInt(alert.getAttribute('data-display'));
                if (alert.style.opacity > 0) {
                    alert.style.opacity = alert.style.opacity - 0.05;
                }
                setTimeout(closeAlert, 30000);
            }, 10);
            function closeAlert() {
                var alert = document.getElementById('alert-session');
                var time = parseInt(alert.getAttribute('data-display'));
                if (alert.style.opacity <= 0) {
                    alert.style.display = "none";
                } else {
                    alert.style.opacity = alert.style.opacity - 0.05;
                    setTimeout(closeAlert, 10);
                }
            }
        </script>
    @endif
    
    <div class="card w-100 mb-3">
        <div class="card-body">
            <h5 class="card-title">Rating Keputusan</h5>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Kode kategori</th>
                        <th>Nama kategori</th>
                        <th>Kepentingan</th>
                        <th>Fuzzy</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $no = 1; ?>
                    @foreach ($kategori as $data)
                        <tr>
                            <td>{{ $no++ }}</td>
                            <td>C{{ $data->kode }}</td>
                            <td>{{ $data->nama_kategori }}</td>
                            <td>{{ $data->interest }}</td>
                            <td>{{ "(".$data->x.", ".$data->y.", ".$data->z.")" }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="card w-100 mb-3">
        <div class="card-body">
            <h5 class="card-title mb-3">Rating Kecocokan</h5>
            <table class="table table-striped" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>NISN</th>
                        <th>Nama</th>
                        <th>C01</th>
                        <th>C02</th>
                        <th>C03</th>
                        <th>C04</th>
                        <th>Indeks Kecocokan Fuzzy (a, b, c)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($hasilSiswa as $index => $siswa)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $siswa->nisn }}</td>
                        <td>{{ $siswa->nama }}</td>
                        <td>{{ $siswa->bobot_pengetahuan }}</td>
                        <td>{{ $siswa->bobot_keterampilan }}</td>
                        <td>{{ $siswa->bobot_sikap }}</td>
                        <td>{{ $siswa->bobot_kehadiran }}</td>
                        <td>
                            <span class="p-2 badge badge-primary">{{ $siswa->x }}</span>
                            <span class="p-2 badge badge-primary">{{ $siswa->y }}</span>
                            <span class="p-2 badge badge-primary">{{ $siswa->z }}</span>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection