TIF_E41202317/resources/views/main.blade.php

133 lines
5.7 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Admin | Si-Wapres</title>
<!-- Custom fonts for this template -->
<link href="{{asset('template/vendor/fontawesome-free/css/all.min.css')}}" rel="stylesheet" type="text/css">
<link
href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{{asset('template/css/sb-admin-2.min.css')}}" rel="stylesheet">
<!-- Custom styles for this page -->
<link href="{{asset('template/vendor/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
<!-- Your custom CSS (optional) -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.min.js"></script>
<!-- Your custom JS (optional) -->
<script src="{{ asset('js/app.js') }}"></script>
<link rel="icon" href="{{ asset('img/logo.png') }}" type="image/x-icon">
</head>
<h1 class="h2 mb-3 text-gray-800 text-center mt-5">Metode FMCDM by Si-Wapres</h1>
<p class="mb-4 mt-2 text-center">Hasil nilai yang tertampil pada halaman ini merupakan hasil dari proses metode FMCDM yang sudah dinormalisai dengan perankingan berdasarkan α 1. Bagi peserta didik yang nilainya masih berada dibawah tetap semangat dan terus mencoba agar nama kamu ada atas :D</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
<!-- DataTales Example -->
<div class="card shadow ml-5 mr-5">
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped" id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>No</th>
<th class="text-center">NISN</th>
<th class="text-center">Nama</th>
<th class="text-center">Kelas</th>
<th class="text-center">Hasil FMCDM</th>
<th class="text-center">Ranking</th>
</tr>
</thead>
<tbody>
@foreach ($hasilSiswa as $index => $siswa)
<tr>
<td>{{ $index + 1 }}</td>
<td class="text-center">{{ $siswa->nisn }}</td>
<td>{{ $siswa->nama }}</td>
<td class="text-center">{{ $siswa->kelas }}</td>
<td class="text-center">{{ number_format($siswa->fmcdm_c, 6) }}</td>
<td class="text-center">{{ $siswa->ranking }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div>
<a href="{{ route('welcome') }}" class="btn btn-danger float-left ml-5 mt-4">Kembali</a>
</div>
<!-- Bootstrap core JavaScript-->
<script src="{{asset('template/vendor/jquery/jquery.min.js')}}"></script>
<script src="{{asset('template/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<!-- Core plugin JavaScript-->
<script src="{{asset('template/vendor/jquery-easing/jquery.easing.min.js')}}"></script>
<!-- Custom scripts for all pages-->
<script src="{{asset('template/js/sb-admin-2.min.js')}}"></script>
<!-- Page level plugins -->
<script src="{{asset('template/vendor/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('template/vendor/datatables/dataTables.bootstrap4.min.js')}}"></script>
<!-- Page level custom scripts -->
<script src="{{asset('template/js/demo/datatables-demo.js')}}"></script>
</body>
</html>