@extends('Layouts.main')
@section('container')
    <style>
        #table-nilai tbody td {
            padding: 5px 10px
        }
    </style>
    <div class="row ">
        <div class="col">
            <div class="alert alert-light alert-dismissible text-sm" role="alert">
                <button type="button" class="close pt-2" data-dismiss="alert" aria-hidden="true">×</button>
                <ul class="mb-2 pl-1">
                    @if (auth()->user()->role == 'admin' || auth()->user()->role == 'admin adak')
                        <li>Cari data pada tabel dan klik <a href="" class="ml-1 btn btn-xs btn-primary"><i
                                    class="fas fa-edit fa-xs"></i></a> pada ujung kanan kolom untuk
                            menambahkan
                            jadwal</li>
                        <li>Simbol <i class="fas fa-info-circle fa-sm text-danger mr-1"></i> menandakan bahwa jadwal bentrok
                            untuk
                            penguji 1, penguji 2 atau ketua penguji</li>
                        <li>Untuk melihat detail sidang mahasiswa, klik pada <strong>nama mahasiswa</strong></li>
                        <li>Untuk mengisi nilai atau catatan sidang, klik pada tombol <i
                                class="fas fa-edit fa-sm text-primary"></i> pada masing-masing penguji/ketua penguji</li>
                        <li>Untuk cetak form nilai, klik pada tombol <i class="fas fa-print fa-sm text-secondary"></i> pada
                            masing-masing penguji</li>

                        <li>Untuk cetak Berita Acara, klik pada tombol <a href=""
                                class="ml-1 btn btn-xs btn-primary"><i class="fas fa-print fa-sm"></i></a> pada
                            ujung kanan kolom</li>
                    @else
                        <li>Untuk melihat detail sidang mahasiswa, klik pada <strong>nama mahasiswa</strong></li>
                        <li>Untuk mengisi nilai atau catatan sidang, klik <strong>Nilai</strong> / <strong>Catatan</strong>
                        </li>
                        <li>Untuk cetak Form Nilai, klik pada tombol <a href=""
                                class="ml-1 btn btn-xs btn-warning"><i class="fas fa-print fa-sm"></i></a> pada
                            ujung kanan kolom</li>
                        <li>Untuk cetak Berita Acara, klik pada tombol <a href=""
                                class="ml-1 btn btn-xs btn-primary"><i class="fas fa-print fa-sm"></i></a> pada
                            ujung kanan kolom</li>
                    @endif
                </ul>
            </div>
        </div>
    </div>

    <div class="row mb-2">
        <div class="col-1">
            <select id="selectperiode" name="periode" class="form-control form-control-sm selectperiode">
                @foreach ($periodes as $periode)
                    <option value="{{ $periode }}" {{ session('periode_sidang') == $periode ? 'selected' : '' }}>
                        {{ $periode }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-2">
            <select id="selectbulan" name="bulan" class="form-control form-control-sm selectbulan">
                @foreach ($bulans as $bulan)
                    <option value="{{ $bulan }}" {{ session('bulan_sidang') == $bulan ? 'selected' : '' }}>
                        {{ $bulan }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-2">
            <select id="selectprodi" name="prodi_id" class="form-control form-control-sm selectprodi">
                @if (auth()->user()->role != 'admin prodi' && auth()->user()->role != 'kaprodi')
                    <option value="" selected>-- Prodi --</option>
                @endif
                @foreach ($prodis as $prodi => $val)
                    <option value="{{ $prodi }}">
                        {{ $val }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-2 d-none">
            <select id="selectkelas" name="kelas" class="form-control form-control-sm selectkelas">
                <option value="" selected>-- Kelas --</option>
                @foreach ($kelass as $kelas)
                    <option value="{{ $kelas }}">
                        {{ $kelas }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-2">
            <div class="form-group">
                <div class="input-group date" id="tgl-filter" data-target-input="nearest">
                    <input type="text" id="tglfilter" name="tglfilter"
                        class="form-control form-control-sm datetimepicker-input" data-target="#tgl-filter" />
                    <div class="input-group-append" data-target="#tgl-filter" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar-o"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-1">
            <select id="selecthari" name="hari" class="form-control form-control-sm selecthari">
                <option value="" selected>-- Hari --</option>
                <option value="Senin">Senin</option>
                <option value="Selasa">Selasa</option>
                <option value="Rabu">Rabu</option>
                <option value="Kamis">Kamis</option>
                <option value="Jumat">Jumat</option>
            </select>
        </div>
        <div class="col-2">
            <select id="selectruang" name="ruang" class="form-control form-control-sm selectruang">
                <option value="" selected>-- Ruang --</option>
                @foreach ($ruangs as $ruang)
                    <option value="{{ $ruang }}">
                        {{ $ruang }}
                    </option>
                @endforeach
            </select>
        </div>
        {{-- <div class="col-2">
            <select id="selectstatus" name="status" class="form-control form-control-sm selectstatus">
                <option value="" selected>-- Status --</option>
                <option value="-">Belum Selesai</option>
                <option value="Selesai">Selesai</option>
            </select>
        </div> --}}
    </div>

    <div class="row">
        <div class="col-md-12">
            <table id="data-tabel" width="100%" class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th align=center>No</th>{{-- 0 --}}
                        <th align=center>NIM</th>{{-- 1 --}}
                        <th align=center>Nama</th>{{-- 2 --}}
                        <th align=center>Prodi</th>{{-- 3 --}}
                        <th align=center>Kelas</th>{{-- 4 --}}
                        <th align=center>Penguji 1</th>{{-- 5 --}}
                        <th align=center>Penguji 2</th>{{-- 6 --}}
                        <th align=center>Ket.</th>{{-- 7 --}}
                        <th align=center>Hari</th>{{-- 8 --}}
                        <th align=center>Jam</th>{{-- 9 --}}
                        <th align=center>Selaku</th>{{-- 10 --}}
                        <th align=center>TA</th>{{-- 11 --}}
                        <th align=center>Zoom</th>{{-- 12 --}}
                        <th align=center>Action</th>{{-- 13 --}}
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    </div>
    </div>

    {{-- Modal edit --}}
    <div class="modal fade" id="modal-edit">
        <div class="modal-dialog ">
            <div class="modal-content">
                <form id="form-edit" action="{{ url('/jadwal/store') }}" method="post">
                    @csrf
                    <div class="modal-body text-left">
                        <h5 class="mb-3 modal-body-title detailTitle">Jadwal sidang </h5>
                        <div class="alert-edit alert alert-warning alert-dismissible text-sm hide-this" role="alert">
                            {{-- <button type="button" class="close pt-2 pr-3" data-dismiss="alert"
                                aria-hidden="true">×</button> --}}
                            <span class="edit-msg"></span>
                        </div>
                        <input type="hidden" name="bentrok_penguji_1" id="bentrok_penguji_1" value="">
                        <input type="hidden" name="bentrok_penguji_2" id="bentrok_penguji_2" value="">
                        <input type="hidden" name="bentrok_pimpinan" id="bentrok_pimpinan" value="">
                        <input type="hidden" name="jid" id="jid" value="">
                        <input type="hidden" name="modalperiode" id="modalperiode" value="">
                        <input type="hidden" name="modalbulan" id="modalbulan" value="">
                        <input type="hidden" name="id" id="id" value="">

                        <div class="form-row">
                            <div class="col-6 text-right">
                                <div class="form-group">
                                    <div class="input-group date" id="tgl-sidang" data-target-input="nearest">
                                        <input type="text" id="tglsidang" name="tglsidang"
                                            class="form-control datetimepicker-input" data-target="#tgl-sidang" />
                                        <div class="input-group-append" data-target="#tgl-sidang"
                                            data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-calendar-o"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 text-right">
                                <div class="form-group">
                                    <select id="modalhari" name="modalhari" class="form-control modalhari">
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-2">

                        </div>

                        <div class="form-row">
                            <div class="col-6 text-right">
                                <div class="form-group">
                                    <div class="input-group date" id="jam-awal" data-target-input="nearest">
                                        <input type="text" id="jamawal" name="jamawal"
                                            class="form-control datetimepicker-input" data-target="#jam-awal" />
                                        <div class="input-group-append" data-target="#jam-awal"
                                            data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-clock-o"></i></div>
                                        </div>
                                    </div>
                                    <small>Jam awal</small>
                                </div>
                            </div>
                            <div class="col-6 text-right">
                                <div class="form-group">
                                    <div class="input-group date" id="jam-akhir" data-target-input="nearest">
                                        <input type="text" id="jamakhir" name="jamakhir"
                                            class="form-control datetimepicker-input" data-target="#jam-akhir" />
                                        <div class="input-group-append" data-target="#jam-akhir"
                                            data-toggle="datetimepicker">
                                            <div class="input-group-text"><i class="fa fa-clock-o"></i></div>
                                        </div>
                                    </div>
                                    <small>Jam akhir</small>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="col-6 ">
                                <div class="form-group">
                                    <select id="modalpenguji1" name="modalpenguji1"
                                        class="form-control modalpenguji1 select2" style="width: 100%">
                                    </select>
                                </div>
                            </div>

                            <div class="col-6">
                                <div class="form-group">
                                    <select id="modalpenguji2" name="modalpenguji2"
                                        class="form-control modalpenguji2 select2" style="width: 100%">
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <select id="modalpimpinan" name="modalpimpinan" class="form-control modalpimpinan select2"
                                style="width:100%">
                            </select>
                        </div>

                        <div class="form-group">
                            <input id="modalruang" name="modalruang" class="form-control modalruang"
                                placeholder="(Ruangan) R.02">
                        </div>

                        <div class="form-group">
                            <input id="modallink" name="modallink" class="form-control modallink"
                                placeholder="Zoom link">
                        </div>

                        <div class="form-group">
                            <input id="modalpasscode" name="modalpasscode" class="form-control modalpasscode"
                                placeholder="Zoom passcode">
                        </div>
                    </div>


                    <div class="modal-footer pt-0 border-0">
                        <a href="javascript:void(0)" class="btn mr-2 modal-cancel" data-dismiss="modal">Kembali</a>
                        <button type="submit" class="btn btn-primary modal-submit">Simpan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Modal nilai --}}
    <div class="modal fade" id="modal-nilai">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="form-nilai" action="{{ url('/jadwal/store') }}" method="post">
                    @csrf
                    <div class="modal-body text-left">
                        <h5 class="mb-3 modal-body-title text-center font-weight-bold">PENILAIAN UJIAN SIDANG<br><span
                                class="modalform text-small"></span></h5>
                        <div class="alert-edit alert alert-warning alert-dismissible text-sm hide-this" role="alert">
                            <span class="edit-msg"></span>
                        </div>
                        <input type="hidden" name="sid" id="sid">
                        <input type="hidden" name="penilai" id="penilai">
                        <input type="hidden" name="pid" id="pid">

                        <table id="table-nilai" width="100%" class="table table-bordered nowrap mb-2">
                            <thead>
                                <tr>
                                    <th class="text-center">No</th>
                                    <th class="text-center">Kriteria Penilaian</th>
                                    <th class="text-center">Bobot</th>
                                    <th class="text-center">Nilai</th>
                                    <th class="text-center" style="width: 10%">B x N</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>

                        <div class="col-12 p-0">
                            <textarea name="catatan" class="catatan form-control" id="catatan" rows="4" placeholder="Catatan"
                                {{ auth()->user()->role == 'admin sidang' ? 'disabled' : '' }}></textarea>
                        </div>
                        @if (auth()->user()->role != 'admin sidang')
                            <div class="modal-footer pt-0 border-0">
                                <a href="javascript:void(0)" class="btn mr-2 modal-cancel"
                                    data-dismiss="modal">Kembali</a>
                                <button type="submit" class="btn btn-primary modal-submit">Simpan</button>
                            </div>
                        @endif

                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Modal catatan --}}
    <div class="modal fade" id="modal-catatan">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="form-catatan" action="{{ url('/jadwal/catatanStore') }}" method="post">
                    @csrf
                    <div class="modal-body text-left">
                        <h5 class="mb-3 modal-body-title text-center font-weight-bold">PENILAIAN UJIAN SIDANG<br><span
                                class="modalform text-small"></span></h5>
                        <div class="alert-edit alert alert-warning alert-dismissible text-sm hide-this" role="alert">
                            <span class="edit-msg"></span>
                        </div>
                        <input type="hidden" name="sid" id="sid">
                        <input type="hidden" name="pid" id="pid">

                        <div class="col-12 p-0">
                            <textarea name="ctt_ppm" class="ctt_ppm form-control" id="ctt_ppm" rows="4" placeholder="Catatan"
                                {{ auth()->user()->role == 'admin sidang' ? 'disabled' : '' }}></textarea>
                        </div>

                        @if (auth()->user()->role != 'admin sidang')
                            <div class="modal-footer pt-0 border-0">
                                <a href="javascript:void(0)" class="btn mr-2 modal-cancel"
                                    data-dismiss="modal">Kembali</a>
                                <button type="submit" class="btn btn-primary modal-submit">Simpan</button>
                            </div>
                        @endif

                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- /.card -->
    <script>
        var jenis = 'Sidang';
        $(document).ready(function() {
            var dataTable = '';
            var thisDate = new Date();
            listData();

            $(document).on('select2:open', () => {
                document.querySelector('.select2-search__field').focus();
            });

            $(".modalpenguji1,.modalpenguji2,.modalpimpinan").select2();

            $("#tgl-sidang,#jam-awal, #jam-akhir").on("change.datetimepicker", ({
                date,
                oldDate
            }) => {
                var sid = $('#modal-edit #id').val(),
                    periode = $('.selectperiode').val(),
                    bulan = $('.selectbulan').val(),
                    tglsidang = $('#modal-edit #tglsidang').val(),
                    hari = $('#modal-edit #modalhari').val(),
                    jamawal = $('#modal-edit #jamawal').val(),
                    jamakhir = $('#modal-edit #jamakhir').val(),
                    penguji1 = $('#modal-edit #modalpenguji1').val(),
                    penguji2 = $('#modal-edit #modalpenguji2').val(),
                    pimpinan = $('#modal-edit #modalpimpinan').val()

                getDuplicate(sid, periode, bulan, hari, jamawal, jamakhir, penguji1, penguji2, pimpinan,
                    tglsidang)
            })

            $("#tgl-filter").on("change.datetimepicker", ({
                date,
                oldDate
            }) => {
                listData();
            })

            // Cek bentrok
            $('#modalhari, #modalpenguji1, #modalpenguji2, #modalpimpinan, #jamawal, #tglsidang').change(
                function() {
                    cekBentrok()
                });
            // set time only input
            $('#modal-edit #jam-awal, #modal-edit #jam-akhir')
                .datetimepicker({
                    format: 'HH:mm'
                });

            $('#modal-edit #tgl-sidang')
                .datetimepicker({
                    defaultDate: new Date(),
                    format: 'Y-M-D',
                    minDate: thisDate.setDate(thisDate.getDate() - 7)
                });

            $('#tgl-filter')
                .datetimepicker({
                    format: 'Y-M-D'
                });

            $('#form-edit').validate({
                rules: {
                    modalhari: {
                        required: true
                    },
                    jamawal: {
                        required: true
                    },
                    jamakhir: {
                        required: true
                    },
                    modalpenguji1: {
                        required: true
                    },
                    modalpenguji2: {
                        required: true
                    },
                    modalpimpinan: {
                        required: true
                    },
                    modalruang: {
                        required: true
                    }
                },
                messages: {

                },
                errorElement: 'div',
                errorPlacement: function(error, element) {
                    error.addClass('text-danger text-left text-small');
                    element.closest('.form-group').append(error);
                },
                highlight: function(element, errorClass, validClass) {
                    $(element).removeAttr('style', 'border:solid 1px green');
                    $(element).attr('style', 'border:solid 1px red');
                },
                unhighlight: function(element, errorClass, validClass) {
                    $(element).removeAttr('style', 'border:solid 1px red');
                    $(element).attr('style', 'border:solid 1px green');
                },
                submitHandler: function(form) {
                    $('#modal-edit .modal-cancel').attr('disabled', '');
                    $('#modal-edit .modal-submit').attr('disabled', '');
                    $('#modal-edit .modal-submit').html(
                        '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Loading...'
                    );
                    form.submit();
                }
            });

            $('#data-tabel').on('click', '.edit-jadwal', function() {
                var jid = $(this).data('jid'),
                    sid = $(this).data('sid'),
                    nim = $(this).data('nim'),
                    nama = $(this).data('nama'),
                    periode = $('.selectperiode').val(),
                    bulan = $('.selectbulan').val()

                $.ajax({
                    url: "{{ url('/jadwal/cekjadwal') }}",
                    type: 'post',
                    data: {
                        sid: sid,
                    },
                    success: function(data) {
                        $('#modal-edit .modalhari').html('')
                        $('#modal-edit #tglsidang').val(data.row.tgl_sidang)
                        // Load hari combo
                        $.each(data.haris, function(index, value) {
                            $('#modal-edit .modalhari').append(`
                            <option value="` + index + `" ` + ((data.row.hari == index) ? 'selected' : '') + `>` +
                                value + `</option>
                            `)
                        });


                        // Load penguji 1 combo
                        $('#modal-edit .modalpenguji1').html('')
                        $('#modal-edit .modalpenguji1').append(`
                        <option value="">-- Penguji 1 --</option>
                        `)
                        $.each(data.dosens, function(index, value) {
                            $('#modal-edit .modalpenguji1').append(`
                            <option value="` + index + `" ` + ((data.row.penguji_1 == index) ? 'selected' : '') + `>` +
                                value + `</option>
                            `)
                        });

                        // Load penguji 2 combo
                        $('#modal-edit .modalpenguji2').html('')
                        $('#modal-edit .modalpenguji2').append(`
                        <option value="">-- Penguji 2 --</option>
                        `)
                        $.each(data.dosens, function(index, value) {
                            $('#modal-edit .modalpenguji2').append(`
                            <option value="` + index + `" ` + ((data.row.penguji_2 == index) ? 'selected' : '') + `>` +
                                value + `</option>
                            `)
                        });

                        // Load pimpinan
                        $('#modal-edit .modalpimpinan').html('')
                        $('#modal-edit .modalpimpinan').append(`
                        <option value="">-- Ket. Penguji --</option>
                        `)
                        $.each(data.dosens, function(index, value) {
                            $('#modal-edit .modalpimpinan').append(`
                            <option value="` + index + `" ` + ((data.row.pimpinan == index) ? 'selected' : '') + `>` +
                                value + `</option>
                            `)
                        });

                        $('#modal-edit #jamawal').val(data.row.jam_awal.substr(0, 5))
                        $('#modal-edit #jamakhir').val(data.row.jam_akhir.substr(0, 5))
                        $('#modal-edit .modallink').val(data.row.link)
                        $('#modal-edit .modalpasscode').val(data.row.passcode)
                        $('#modal-edit .modalruang').val(data.row.ruang)
                    },
                    complete: function() {
                        cekBentrok()
                    }
                })

                $('#modal-edit .detailTitle').html('Jadwal sidang (' + nim + ') ' + nama)
                $('#modal-edit #jid').val(jid)
                $('#modal-edit #modalperiode').val(periode)
                $('#modal-edit #modalbulan').val(bulan)
                $('#modal-edit #id').val(sid)
            })

            // Isi catatan
            $('#data-tabel').on('click', '.isi-catatan', function() {
                var jid = $(this).data('jid'),
                    sid = $(this).data('sid'),
                    pid = $(this).data('pid'),
                    ctt = $(this).data('ctt'),
                    form = $(this).data('form')

                $('#modal-catatan .modalform').html(form.toUpperCase())
                $('#modal-catatan #sid').val(sid)
                $('#modal-catatan #pid').val(pid)
                $('#modal-catatan #ctt_ppm').val(ctt)

            })

            // modal nilai
            $('#data-tabel').on('click', '.isi-nilai', function() {
                var jid = $(this).data('jid'),
                    sid = $(this).data('sid'),
                    penilai = $(this).data('penilai'),
                    pid = $(this).data('pid')

                $.ajax({
                    url: "{{ url('/jadwal/getformnilai') }}",
                    type: 'post',
                    data: {
                        sid: sid,
                        penilai: penilai,
                        pid: pid,
                    },
                    success: function(data) {
                        $('#table-nilai tbody').html('')
                        $('#table-nilai tbody').append(data.table)
                        $('#modal-nilai .modalform').html(data.form.toUpperCase())

                        // Mask input .input-nilai to number and dot only
                        $('.input-nilai').mask("Z", {
                            translation: {
                                'Z': {
                                    pattern: /[0-9.]/,
                                    recursive: true
                                }
                            }
                        });

                        $('.input-nilai').keyup(function(e) {
                            if (this.value > 4) {
                                e.preventDefault()
                                $(this).val('')
                                alert('Maksimal nilai 4.00')
                            }
                        });

                        $('#modal-nilai #catatan').val(data.ctt)
                    }
                })

                $('#modal-nilai #sid').val(sid)
                $('#modal-nilai #penilai').val(penilai)
                $('#modal-nilai #pid').val(pid)

            })

            // input nilai
            $('#table-nilai').on('keyup', '.input-nilai', function() {
                var tr = $(this).closest('tr'),
                    nilai = $(this).val(),
                    bobot = tr.find('.bobot').text(),
                    bxn = bobot * nilai,
                    totBobot = 0,
                    totNilai = 0,
                    totBxn = 0,
                    na = 0

                tr.find('.bxn').html(bxn.toFixed(2))

                // Looping for total
                var i = 1,
                    tlen = $('#table-nilai > tbody  > tr').length,
                    tlen = tlen - 2
                $('#table-nilai > tbody  > tr').each(function(index, trs) {
                    if (i > tlen)
                        return
                    var eNilai = parseFloat($(this).find('.nilai').val()),
                        eBxn = parseFloat($(this).find('.bxn').text()),
                        eBobot = parseFloat($(this).find('.bobot').text())

                    if (isNaN(eBobot) || eBobot == '')
                        eBobot = 0

                    if (isNaN(eNilai) || eNilai == '')
                        eNilai = 0

                    if (isNaN(eBxn) || eBxn == '')
                        eBxn = 0

                    totBobot = totBobot + eBobot
                    totNilai = totNilai + eNilai
                    totBxn = totBxn + eBxn

                    i++
                });
                na = totBxn / totBobot

                $('#table-nilai tbody').find('.totnilai').html(totNilai)
                $('#table-nilai tbody').find('.totbxn').html(totBxn.toFixed(2))
                $('#table-nilai tbody').find('.fntotal').html(na.toFixed(2))
            });

            // Nilai simpan
            $('#modal-nilai').on('click', '.modal-submit', function() {

                var i = 1,
                    tlen = $('#table-nilai > tbody  > tr').length,
                    tlen = tlen - 2,
                    sid = $('#modal-nilai #sid').val(),
                    pid = $('#modal-nilai #pid').val(),
                    penilai = $('#modal-nilai #penilai').val(),
                    bxn = $('#table-nilai tbody').find('.totbxn').text(),
                    na = $('#table-nilai tbody').find('.fntotal').text(),
                    catatan = $('#modal-nilai .catatan').val(),
                    err = 0,
                    data = []

                $('#table-nilai > tbody  > tr').find('.input-nilai').each(function(index, trs) {
                    if ($(this).val() == '') {
                        err++
                    }
                })

                if (err > 0) {

                    alert('Nilai tidak boleh kosong')
                    return false
                }
                $('#table-nilai > tbody  > tr').each(function(index, trs) {
                    if (i > tlen)
                        return
                    var
                        fid = $(this).data('fid'),
                        fdid = $(this).data('fdid'),
                        bobot = $(this).find('.bobot').text(),
                        nilai = $(this).find('.input-nilai').val(),
                        bxn = $(this).find('.bxn').text()

                    if (isNaN(bobot) || bobot == '')
                        bobot = 0

                    if (isNaN(nilai) || nilai == '') {
                        err++
                        nilai = 0
                    }

                    if (isNaN(bxn) || bxn == '')
                        bxn = 0

                    data.push([
                        sid,
                        fid,
                        fdid,
                        pid,
                        bobot,
                        nilai,
                        bxn
                    ])
                    i++
                })


                $('#modal-nilai .modal-submit').attr('disabled', '')
                $('#modal-nilai .modal-submit').html(`
                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                     Loading...
                `)

                $.ajax({
                    url: "{{ url('sidang/nilai/store') }}",
                    type: 'post',
                    data: {
                        sid: sid,
                        penilai: penilai,
                        pid: pid,
                        data: data,
                        bxn: bxn,
                        na: na,
                        catatan: catatan
                    },
                    success: function(data) {
                        listData()
                        $('#modal-nilai .modal-submit').removeAttr('disabled')
                        $('#modal-nilai .modal-submit').html(`Simpan`)
                        $('#modal-nilai').modal('hide')
                        $('.alert-jpost').html(data.status)
                        $('.alert-jpost').removeClass('hide-this')
                        setTimeout(function() {
                            $('.alert-jpost').addClass('hide-this')
                        }, 2000);

                    }
                })
            })

            $('#selectperiode,#selectbulan,#selectprodi,#selectkelas,#selecthari,#selectruang').on('change',
                function() {
                    listData();
                })

        });

        function cekBentrok() {
            var sid = $('#modal-edit #id').val(),
                periode = $('.selectperiode').val(),
                bulan = $('.selectbulan').val(),
                tglsidang = $('#modal-edit #tglsidang').val(),
                hari = $('#modal-edit #modalhari').val(),
                jamawal = $('#modal-edit #jamawal').val(),
                jamakhir = $('#modal-edit #jamakhir').val(),
                penguji1 = $('#modal-edit #modalpenguji1').val(),
                penguji2 = $('#modal-edit #modalpenguji2').val(),
                pimpinan = $('#modal-edit #modalpimpinan').val()

            getDuplicate(sid, periode, bulan, hari, jamawal, jamakhir, penguji1, penguji2, pimpinan, tglsidang)
        }

        function getDuplicate(sid, periode, bulan, hari, jamawal, jamakhir, penguji1, penguji2, pimpinan, tglsidang) {
            if (sid != '' && hari != '' && jamawal != '' && jamakhir != '') {
                $.ajax({
                    url: "{{ url('/jadwal/getDuplicate') }}",
                    type: 'post',
                    data: {
                        sid: sid,
                        periode: periode,
                        bulan: bulan,
                        tglsidang: tglsidang,
                        hari: hari,
                        jamawal: jamawal,
                        jamakhir: jamakhir,
                        penguji1: penguji1,
                        penguji2: penguji2,
                        pimpinan: pimpinan
                    },
                    success: function(data) {
                        var altPenguji1 = data.alt[0],
                            altPenguji2 = data.alt[1],
                            altPimpinan = data.alt[2]

                        $('.alert-edit').addClass('hide-this')
                        if (data.alert != '') {
                            $('.alert-edit .edit-msg').html(data.alert)
                            $('.alert-edit').removeClass('hide-this')
                        }

                        $('#modal-edit #bentrok_penguji_1').val(altPenguji1)
                        $('#modal-edit #bentrok_penguji_2').val(altPenguji2)
                        $('#modal-edit #bentrok_pimpinan').val(altPimpinan)
                    }
                })
            }
        }

        function listData() {
            var akses = "{{ auth()->user()->role }}";

            var buttons = []
            if (akses == 'admin' || akses == 'admin adak' || akses == 'admin sidang' || akses == 'admin prodi' || akses ==
                'kaprodi') {
                buttons.push({
                    extend: 'excel',
                    text: '<i class="fas fa-file-excel fa-sm"></i>',
                    titleAttr: 'Export',
                    className: 'btn btn-sm btn-secondary',
                    extension: '.xlsx',
                    action: function() {
                        var periode = $('.selectperiode').val()
                        var bulan = $('.selectbulan').val()
                        var prodi = $('.selectprodi').val()
                        var kelas = $('.selectkelas').val()
                        var status = $('.selectstatus').val()
                        var tglfilter = $('#tglfilter').val()
                        var hari = $('.selecthari').val()
                        var ruang = $('.selectruang').val()

                        let url = "{{ url('/jadwal/export/:params') }}"
                        url = url.replace(':params', periode + '/' + bulan + '/' + prodi + '/' + kelas + '/' +
                            hari + '/' + ruang + '/' + tglfilter)

                        window.location.href = url

                    }

                })
            }

            dataTable = $('#data-tabel').DataTable({
                initComplete: function() {
                    var api = this.api();

                    if (akses != 'admin' &&
                        akses != 'admin sidang' && akses != 'admin adak' && akses != 'admin prodi' &&
                        akses !=
                        'kaprodi') {
                        // Hide action column
                        api.column(5).visible(false);
                        api.column(6).visible(false);
                        api.column(7).visible(false);
                    } else if (akses == 'admin sidang') {
                        api.column(13).visible(false);
                        api.column(10).visible(false);

                    } else {
                        api.column(10).visible(false);

                    }
                },
                responsive: true,
                destroy: true,
                lengthChange: true,
                language: {
                    search: "",
                    searchPlaceholder: "Cari data"
                },
                dom: "<'row'<'col-sm-12 col-md-6 d-flex justify-content-start pl-0'f><'col-sm-12 col-md-6 d-flex justify-content-end'B>>" +
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                buttons: {
                    dom: {
                        button: {
                            className: ''
                        }
                    },
                    buttons: buttons
                },
                ajax: {
                    url: "{{ url('/jadwal/list') }}",
                    type: "post",
                    data: {
                        periode: $('.selectperiode').val(),
                        bulan: $('.selectbulan').val(),
                        prodi: $('.selectprodi').val(),
                        kelas: $('.selectkelas').val(),
                        tglfilter: $('#tglfilter').val(),
                        hari: $('.selecthari').val(),
                        ruang: $('.selectruang').val(),
                    }
                },
                columns: [{
                    data: 'DT_RowIndex'
                }, {
                    data: 'nim',
                    className: 'dt-body-left'
                }, {
                    data: 'nama',
                    className: 'dt-body-left'
                }, {
                    data: 'kodeprodi'
                }, {
                    data: 'kelas',
                    visible: false
                }, {
                    data: 'penguji_1'
                }, {
                    data: 'penguji_2'
                }, {
                    data: 'pimpinan'
                }, {
                    data: 'hari'
                }, {
                    data: 'jam'
                }, {
                    data: 'sebagai'
                }, {
                    data: 'link_ta',
                    className: 'dt-body-center'
                }, {
                    data: 'link',
                    className: 'dt-body-center'
                }, {
                    data: 'edit'
                }],
                columnDefs: [{
                    targets: '_all',
                    className: 'dt-head-center'
                }, {
                    targets: [0, 3, 4, 7, 8, 9, 10],
                    className: 'dt-body-center'
                }],
                order: [
                    [8, "asc"],
                    [9, "asc"],
                    [3, "asc"],
                    [4, "asc"],
                    [1, "asc"]
                ]

            });

            $('#data-tabel_wrapper .dt-buttons').removeClass('btn-group')
            $('#data-tabel_filter, #data-tabel_filter label,#data-tabel_filter input').css({
                'width': '100%',
                'display': 'inline-block'
            });
        }
    </script>
@endsection