@extends('layouts.app')

@section('title', 'Rekap Nilai')

@section('content')

  <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="../assets/img/favicon/favicon.ico" />

<div class="container-xxl flex-grow-1 container-p-y">

    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h4 class="fw-bold mb-1">
                <span class="text-muted fw-light">
                    Akademik /
                </span>
                Rekap Nilai
            </h4>

            <small class="text-muted">
                Kelola data rekap nilai mahasiswa.
            </small>

        </div>

        <button
            class="btn btn-primary"
            data-bs-toggle="modal"
            data-bs-target="#tambahRekapNilaiModal">

            <i class="bx bx-plus"></i>
            Tambah Nilai

        </button>

    </div>

    {{-- Alert Success --}}
    @if(session('success'))

    <div class="alert alert-success alert-dismissible" role="alert">

        <i class="bx bx-check-circle me-1"></i>

        {{ session('success') }}

        <button
            class="btn-close"
            data-bs-dismiss="alert">
        </button>

    </div>

    @endif

    {{-- Alert Error --}}
    @if(session('error'))

    <div class="alert alert-danger alert-dismissible" role="alert">

        <i class="bx bx-error-circle me-1"></i>

        {{ session('error') }}

        <button
            class="btn-close"
            data-bs-dismiss="alert">
        </button>

    </div>

    @endif

    {{-- Validation --}}
    @if($errors->any())

    <div class="alert alert-danger">

        <ul class="mb-0">

            @foreach($errors->all() as $error)

            <li>{{ $error }}</li>

            @endforeach

        </ul>

    </div>

    @endif

    {{-- Statistik --}}
    <div class="row">

        <div class="col-lg-4 col-md-6 mb-4">

            <div class="card">

                <div class="card-body">

                    <div class="d-flex justify-content-between">

                        <div>

                            <span class="fw-semibold d-block mb-1">
                                Total Rekap Nilai
                            </span>

                            <h3 class="card-title mb-2">
                                {{ $total }}
                            </h3>

                            <small class="text-success fw-semibold">

                                <i class="bx bx-data"></i>

                                Data

                            </small>

                        </div>

                        <div class="avatar">

                            <span class="avatar-initial rounded bg-label-primary">

                                <i class="bx bx-spreadsheet bx-md"></i>

                            </span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-lg-4 col-md-6 mb-4">

            <div class="card">

                <div class="card-body">

                    <div class="d-flex justify-content-between">

                        <div>

                            <span class="fw-semibold d-block mb-1">

                                Mahasiswa

                            </span>

                            <h3 class="card-title mb-2">

                                {{ $mahasiswa->count() }}

                            </h3>

                            <small class="text-success fw-semibold">

                                <i class="bx bx-user"></i>

                                Terdaftar

                            </small>

                        </div>

                        <div class="avatar">

                            <span class="avatar-initial rounded bg-label-success">

                                <i class="bx bx-group bx-md"></i>

                            </span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-lg-4 col-md-6 mb-4">

            <div class="card">

                <div class="card-body">

                    <div class="d-flex justify-content-between">

                        <div>

                            <span class="fw-semibold d-block mb-1">

                                Mata Kuliah

                            </span>

                            <h3 class="card-title mb-2">

                                {{ $matakuliah->count() }}

                            </h3>

                            <small class="text-warning fw-semibold">

                                <i class="bx bx-book"></i>

                                Aktif

                            </small>

                        </div>

                        <div class="avatar">

                            <span class="avatar-initial rounded bg-label-warning">

                                <i class="bx bx-book-open bx-md"></i>

                            </span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    {{-- Table --}}
    <div class="card">

        <div class="card-header d-flex justify-content-between align-items-center">

            <h5 class="mb-0">

                <i class="bx bx-table me-2"></i>

                Daftar Rekap Nilai

            </h5>

            <div style="width:250px">

                <input
                    type="text"
                    class="form-control"
                    id="searchInput"
                    placeholder="Cari Data...">

            </div>

        </div>

        <div class="table-responsive">

            <table
                class="table table-hover align-middle mb-0"
                id="rekapNilaiTable">

                <thead class="table-light">

                <tr>

                    <th>No</th>
                    <th>NIM</th>
                    <th>Mahasiswa</th>
                    <th>Mata Kuliah</th>
                    <th>Kelas</th>
                    <th>KAT</th>
                    <th>UTS</th>
                    <th>UAS</th>
                    <th>Rata-rata</th>
                    <th width="150">
                        Aksi
                    </th>

                </tr>

                </thead>

                <tbody>

                @forelse($rekapNilai as $index => $n)

                @php
                    $rata = round((($n->nilai_kat ?? 0)+($n->nilai_uts ?? 0)+($n->nilai_uas ?? 0))/3,2);
                @endphp

                <tr>

                    <td>{{ $index+1 }}</td>

                    <td>
                        <strong>{{ $n->nim }}</strong>
                    </td>

                    <td>

                        <div class="d-flex align-items-center">

                            <div class="avatar avatar-sm me-3">

                                <span class="avatar-initial rounded-circle bg-label-primary">

                                    {{ strtoupper(substr($n->nama_mahasiswa,0,1)) }}

                                </span>

                            </div>

                            <div>

                                <h6 class="mb-0">

                                    {{ $n->nama_mahasiswa }}

                                </h6>

                            </div>

                        </div>

                    </td>

                    <td>

                        {{ $n->kode_matkul }}

                    </td>

                    <td>

                        <span class="badge bg-label-warning">

                            {{ $n->kelas }}

                        </span>

                    </td>

                    <td>{{ $n->nilai_kat }}</td>

                    <td>{{ $n->nilai_uts }}</td>

                    <td>{{ $n->nilai_uas }}</td>

                    <td>

                        <span class="badge bg-label-primary">

                            {{ $rata }}

                        </span>

                    </td>

                    <td>

                        <button
                            class="btn btn-sm btn-icon btn-outline-info"
                            onclick="detailRekapNilai({{ $n->id }})"
                            data-bs-toggle="modal"
                            data-bs-target="#detailRekapNilaiModal">

                            <i class="bx bx-show"></i>

                        </button>

                        <button
                            class="btn btn-sm btn-icon btn-outline-warning"
                            onclick="editRekapNilai({{ $n->id }})"
                            data-bs-toggle="modal"
                            data-bs-target="#editRekapNilaiModal">

                            <i class="bx bx-edit"></i>

                        </button>

                        <form
                            action="{{ route('rekap-nilai.destroy',$n->id) }}"
                            method="POST"
                            class="d-inline"
                            onsubmit="return confirm('Yakin ingin menghapus data?')">

                            @csrf
                            @method('DELETE')

                            <button class="btn btn-sm btn-icon btn-outline-danger">

                                <i class="bx bx-trash"></i>

                            </button>

                        </form>

                    </td>

                </tr>

                @empty

                <tr>

                    <td colspan="10" class="text-center py-5">

                        <i class="bx bx-folder-open bx-lg text-secondary"></i>

                        <br><br>

                        Belum ada data rekap nilai.

                    </td>

                </tr>

                @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>
{{-- Modal Tambah Rekap Nilai --}}

<div
class="modal fade"
id="tambahRekapNilaiModal"
tabindex="-1">

<div class="modal-dialog modal-lg">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Tambah Rekap Nilai

</h5>

<button
class="btn-close"
data-bs-dismiss="modal">
</button>

</div>

<form
method="POST"
action="{{ route('rekap-nilai.store') }}">

@csrf

<div class="modal-body">

<div class="row">

<div class="col-md-6 mb-3">

<label class="form-label">

Mahasiswa

</label>

<select
name="id_mahasiswa"
class="form-select"
required>

<option value="">

Pilih Mahasiswa

</option>

@foreach($mahasiswa as $m)

<option value="{{ $m->id }}">

{{ $m->nama }}
({{ $m->nim }})

</option>

@endforeach

</select>

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

Mata Kuliah

</label>

<select
name="id_matakuliah"
class="form-select"
required>

<option value="">

Pilih Mata Kuliah

</option>

@foreach($matakuliah as $mk)

<option value="{{ $mk->id }}">

{{ $mk->kode_matkul }}
-
{{ $mk->nama_matkul }}

</option>

@endforeach

</select>

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

Program Studi

</label>

<select
name="id_programstudi"
class="form-select"
required>

<option value="">

Pilih Program Studi

</option>

@foreach($programStudi as $ps)

<option value="{{ $ps->id }}">

{{ $ps->nama_prodi }}

</option>

@endforeach

</select>

</div>

<div class="col-md-6 mb-3">

<label class="form-label">

Kelas

</label>

<input
type="text"
name="kelas"
class="form-control"
placeholder="Contoh : 5A"
required>

</div>

<div class="col-md-4 mb-3">

<label class="form-label">

Nilai KAT

</label>

<input
type="number"
name="nilai_kat"
class="form-control"
min="0"
max="100"
placeholder="0-100">

</div>

<div class="col-md-4 mb-3">

<label class="form-label">

Nilai UTS

</label>

<input
type="number"
name="nilai_uts"
class="form-control"
min="0"
max="100"
placeholder="0-100">

</div>

<div class="col-md-4 mb-3">

<label class="form-label">

Nilai UAS

</label>

<input
type="number"
name="nilai_uas"
class="form-control"
min="0"
max="100"
placeholder="0-100">

</div>

</div>

</div>

<div class="modal-footer">

<button
type="button"
class="btn btn-outline-secondary"
data-bs-dismiss="modal">

Batal

</button>

<button
type="submit"
class="btn btn-primary">

<i class="bx bx-save"></i>

Simpan

</button>

</div>

</form>

</div>

</div>

</div>
@endsection