@extends('layout.master')
@section('parentPageTitle', 'Tahap Pelaksanaan')
@section('title', 'Tahap Pelaksanaan')


@section('content')
    <div class="section-body mt-3">
        <div class="container-fluid">
            <div class="tab-content mt-3">
                <div class="tab-pane fade show active" id="pengajuan" role="tabpanel">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title"><b>Tahap Pelaksanaan - {{ $tipe }}</b></h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <span class="pb-20">
                                </span>
                                <table class="table table-hover table-striped table-bordered mt-10" style="width:100%"
                                    id="{{ $tipe == 'Penelitian' ? 'tableMonevPenelitian' : 'tableMonevAbdimas' }}">
                                    <thead>
                                        <tr>
                                            <th><b>No</b></th>
                                            <th><b>Proposal ID</b></th>
                                            <th><b>Hibah</b></th>
                                            <th><b>Pengusul</b></th>
                                            <th><b>Fakultas Pengusul</b></th>
                                            <th><b>Status</b></span></th>
                                            <th><b>Action</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop


@section('popup')
    <div class="modal fade" id="evaluasi_reviewer2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <form method="POST">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h6 class="title" id="defaultModalLabel"><b>Detail Evaluasi Akhir</b></h6>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" id="reviewer_hibah_id2" name="reviewer_hibah_id2">
                        <div class="row clearfix">
                            <div class="table-responsive">
                                <table class="table table-hover table-striped text-nowrap table-vcenter mb-0">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center;"><b>No</b></th>
                                            <th style="text-align: center;"><b>Hibah</b></th>
                                            <th style="text-align: center;"><b>Proposal</b></th>
                                            <th style="white-space:normal; text-align:center"><b>Catatan Harian</b></th>
                                            <th style="white-space:normal; text-align:center"><b>Laporan Luaran</b></th>
                                            <th style="white-space:normal; text-align:center"><b>Laporan Akhir</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr id="tableDetailProposal2"></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row clearfix mt-20">
                            <h6><b>Item Penilaian</b><br>
                                <p>Keterangan Nilai : 1 = Buruk, 2 = Sangat Kurang, 3 = Kurang, 5 = cukup, 6 = Baik, 7 =
                                    Sangat Baik</p>
                            </h6>
                            <div class="table-responsive">
                                <table style="table-layout: fixed; width: 100%"
                                    class="table table-hover table-striped text-nowrap table-vcenter mb-0">
                                    <thead>
                                        <tr>
                                            <th style="width:5%;text-align: center;"><b>No</b></th>
                                            <th style="width:32%;"><b>Kriteria Penilaian</b></th>
                                            <th style="width:10%;text-align: center;"><b>Bobot(%)</b></th>
                                            <th style="width:20%;text-align: center;"><b>Skor</b></th>
                                            <th style="width:8%;text-align: center;"><b>Nilai</b></th>
                                            <th style="width:25%;text-align: center;"><b>Catatan</b></th>
                                        </tr>
                                    </thead>
                                    <tbody id="tablePertanyaan2">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row clearfix mt-20" style="border-top: 1px solid;">
                            <div class="form-group row col-sm-12 ">
                                <label for="komentar" class="col-sm-2 col-form-label"><b>Komentar Umum</b></label>
                                <div class="col-sm-12">
                                    <p id="komentar_umum2"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Tutup</button>
                        <button type="button" class="btn btn-success" id="downloadPenilaian">Unduh Hasil Penilaian</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop

@section('page-styles')
    <link rel="stylesheet" href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}">
@stop

@section('page-script')
    <script src="{{ asset('assets/bundles/counterup.bundle.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>

    <script src="{{ asset('assets/js/core.js') }}"></script>
    <script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
    <script src="{{ asset('assets/js/form/dropify.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/buttons/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatable/buttons/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/js/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/js/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/js/pdfmake/vfs_fonts.js') }}"></script>

    <script>
        var idp = '';
        $(document).on('click', '.evaluasi', function(e) {
            $('#tableDetailProposal2').empty();
            $('#tablePertanyaan2').empty();
            $('#komentar_umum2').html('');
            // console.info('infos',$(this).attr("data-id"));
            var j = JSON.parse($(this).attr("data-id"));
            if (j != null) {
                $('#evaluasi_reviewer2').modal({
                    show: true
                });
                var json = j;
                if (json.status_proposal != 'Evaluasi Akhir selesai') {
                    $('#downloadPenilaian').hide();
                } else {
                    $('#downloadPenilaian').show();
                }
                var tipe = $(this).attr("data-tipe");
                idp = json.proposal_id;
                var komentar = json.komentar_umum_reviewer != null ? json.komentar_umum_reviewer : '-';
                $('#komentar_umum2').html(komentar);
                $(".modal-body #reviewer_hibah_id2").val(json.reviewer_monev_id);
                var str = "{{ url('upload/proposal') }}" + '/' + json
                .proposal_file; // 'upload/proposal/'+json.proposal_file;
                var strCH = "{{ url('monev/catatanharian/all') }}/" + json.proposal_id + "/" + json.hibah_id +
                    "/" + tipe; // 'upload/proposal/'+json.proposal_file;
                var strLA = "{{ url('monev/laporanakhir/all') }}/" + json.proposal_id + "/" + json.hibah_id + "/" +
                    tipe; // 'upload/proposal/'+json.proposal_file;
                var strLLPoster = "{{ url('monev/laporanluaran/all/poster/') }}/" + json.proposal_id + "/" + json
                    .hibah_id + "/" + tipe;
                var strLLPublikasi = "{{ url('monev/laporanluaran/all/publikasi/') }}/" + json.proposal_id + "/" +
                    json.hibah_id + "/" + tipe;
                var strLLPemakalah = "{{ url('monev/laporanluaran/all/pemakalah/') }}/" + json.proposal_id + "/" +
                    json.hibah_id + "/" + tipe;
                var strLL4 = "{{ url('monev/laporanluaran/all/luaranlain/') }}/" + json.proposal_id + "/" + json
                    .hibah_id + "/" + tipe;
                $('#tableDetailProposal2').append(
                    '<td align="center">1</td>' +
                    '<td>' + (json.kode_fakultas != null ? json.kode_fakultas : 'LPPM') + '<br>' + json
                    .jenis_program + '<br>Tahun usulan ' + json.tahun_usulan_hibah + '<br>Tahun Pelaksanaan ' +
                    json.tahun_pelaksanaan_hibah + '</td>' +
                    '<td style="white-space:normal; text-align:left"><a href="' + str +
                    '" title="Unduh Proposal">' + json.judul_proposal + '</a></td>' +
                    '<td align="center"><a href="' + strCH +
                    '" target="_blank" class="btn btn-icon" title="Lihat Catatan Harian"><i class="fa fa-eye"></i></a></td>' +
                    '<td align="center">' +
                    '<a href="' + strLLPoster +
                    '" target="_blank" class="btn btn-icon" title="Lihat Poster"><i class="fa fa-picture-o"></i></a>' +
                    '<a href="' + strLLPublikasi +
                    '" target="_blank" class="btn btn-icon" title="Lihat Publikasi Ilmiah"><i class="fa fa-address-book-o"></i></a>' +
                    '<a href="' + strLLPemakalah +
                    '" target="_blank" class="btn btn-icon" title="Lihat Pemakalah Forum Ilmiah"><i class="fa fa-paper-plane"></i></a>' +
                    '<a href="' + strLL4 +
                    '" target="_blank" class="btn btn-icon" title="Lihat Luaran Lainnya"><i class="fa fa-pie-chart"></i></a>' +
                    '</td>' +
                    '<td align="center"><a href="' + strLA +
                    '" target="_blank" class="btn btn-icon" title="Lihat Laporan Akhir"><i class="fa fa-eye"></i></a></td>'
                );

                $.ajax({
                    type: 'GET',
                    url: '/home/allpenilaian/1/' + json.reviewer_user_id + '/' + json.proposal_id,
                    success: function(data) {
                        var a = '';
                        var akhir = 0;
                        if (data.length == 0) {
                            a += '<tr>';
                            a += '<td colspan="6" align="center"><b>No data available</b></td>';
                            a += '</tr>';
                        } else {
                            for (var i = 0; i < data.length; i++) {
                                akhir += data[i].nilai;
                                a += '<tr>';
                                a += '<td align="center">' + (i + 1) + '</td>';
                                a += '<td style="white-space:normal; text-align:left">' + data[i]
                                    .kriteria_penilaian_html + '</td>';
                                a += '<td align="center">' + (data[i].bobot) + '</td>';
                                a += '<td align="center"><p id="skorAkhir' + (i + 1) + '">' + data[i]
                                    .skor_item + '</p></td>';
                                a += '<td align="right"><b id="genSkorAkhir' + (i + 1) + '">' + data[i]
                                    .nilai + '</b></td>';
                                a += '<td align="left"><p id="catatanAkhir' + (i + 1) + '">' + (data[i]
                                        .catatan_nilai != null ? data[i].catatan_nilai : '-') +
                                    '</p></td>';
                                a += '</tr>'
                            }
                        }
                        a += '<tr>';
                        a += '<td colspan="4" align="right"><b>Total Nilai</b></td>';
                        a += '<td align="right"><b id="totalAkhir">' + akhir + '</b></td>';
                        a += '<td></td>';
                        a += '</tr>';
                        $('#tablePertanyaan2').html(a);
                    },
                });
            } else {
                swal("Warning", "Tidak ada data", "warning");
            }

            return false;
        });

        $(document).on('click', '#downloadPenilaian', function(e) {
            e.preventDefault(); // Mencegah aksi default

            $.ajax({
                type: 'GET',
                url: '/monev/gethasilpenilaian/' + idp,
                success: function(data) {
                    if (data.status == 'true') {
                        var getUrl = window.location;
                        var baseUrl = getUrl.protocol + "//" + getUrl.host;
                        window.open(baseUrl + '/upload/penilaian/' + data.url, '_blank');
                    } else {
                        alert(data.message); // Tampilkan pesan jika file tidak ditemukan
                    }
                },
                error: function(xhr, status, error) {
                    console.error("Error during the request:", error);
                    alert('Terjadi kesalahan saat mengunduh file.');
                }
            });

            return false;
        });
    </script>
@stop