@extends('asessor.root')
@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('penilai/dashboard') }}"><i class="icon-home2 mr-2"></i></a></li>
        <li class="breadcrumb-item"><a href="{{ url('penilai/akreditasi') }}">Tugas Penilaian</a></li>
        <li class="breadcrumb-item active" aria-current="page">Data Penilaian</li>
    </ol>
</nav>
@endsection
@section('content')
<div class="content">
    <div class="mb-3">
        <h6 class="mb-0 font-weight-semibold">Data Tugas Penilaian Akreditasi</h6>
        <span class="text-muted d-block">Lembaga Akreditasi Penerbit Ilmiah</span>
    </div>
    <div class="card">
        <table class="table datatable-basic">
            <thead>
                <tr>
                    <th width="15px" class="text-center">No</th>
                    <th>Nama Penerbit</th>
                    <th class="text-center" width="150px">Tanggal Pengajuan</th>
                    <th>Surat Tugas</th>
                    <th>Status Akreditasi</th>
                    <th>Status Penilaian</th>
                    <th class="text-center" width="150px">Fungsi</th>
                </tr>
            </thead>
            <tbody>
                @if(sizeof($listb2) > 0)
                @php $n = 1 @endphp
                @foreach($listb2 as $val)
                <tr>
                    <td class="text-center">{{ $n++ }}</td>
                    <td>{{ $val->penerbit }}</td>
                    <td class="text-center">{{$val->tanggal_pengajuan}}</td>
                    <td><a class="badge bg-primary" href="{{url($val->surat_tugas)}}" target="_blank"><i class="icon-download mr-2"></i>Download Surat Tugas</a></td>
                    <td>{{ $val->status_akreditasi }}</td>
                    <td>{{ $val->status_akreditasi_asesor ? $val->status_akreditasi_asesor : 'Menunggu Penilaian' }}</td>
                    <td class="text-center">
                        @if($val->status_penilaian_asesor == 19)
                        <button type="button" onclick="confirm('{{$val->id}}')" class="btn btn-success legitRipple"><i class="icon-file-check"></i> Setuju</button>
                        @else
                        <a class="btn btn-primary btn-sm" href="{{ url('asessor/akreditasi/'.$val->id) }}">Beri Penilaian</a>
                        @endif
                    </td>
                </tr>
                @endforeach
                @endif
            </tbody>
        </table>
    </div>
</div>
<div class="modal fade" id="warningconfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Konfirmasi</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <meta name="csrf-token" content="{{ csrf_token() }}">
            <div class="modal-body">
                Apakah anda menyetujui pemilihan asesor ?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" onclick="submitcancel()"><i class="icon-cross3"></i> Ditolak</button>
                <button type="button" class="btn btn-success" onclick="submitconfirm()"><i class="icon-file-check"></i> Disetujui</button>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
    var pengajuan_akreditasi_id = '';

    $.extend($.fn.dataTable.defaults, {
        scrollX: true
        , autoWidth: false
        , dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>'
        , language: {
            search: '<span>Filter:</span> _INPUT_'
            , searchPlaceholder: 'Type to filter...'
            , lengthMenu: '<span>Show:</span> _MENU_'
            , paginate: {
                'first': 'First'
                , 'last': 'Last'
                , 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;'
                , 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;'
            }
        }
    });

    $('.datatable-basic').DataTable();

    function confirm(id) {
        pengajuan_akreditasi_id = id;
        $('#warningconfirm').modal('show');
    }

    function submitconfirm() {
        submit(17)
    }

    function cancelconfirm() {
        submit(18)
    }

    function submit(status) {
        var postdata = {
            pengajuan_akreditasi_id: pengajuan_akreditasi_id
            , status_penilaian: status
        }
        var post = $.ajax({
            url: baseurl + '/asessor/confirm'
            , type: "POST"
            , data: postdata
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/img/busy.gif" /> Memproses Data...'
                });
            }
            , headers: {

                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
            , success: function(json) {
                $('#warningconfirm').modal('hide');
                $.unblockUI();
                if (json.response.Status == 0) {
                    new PNotify({
                        title: 'Berhasil'
                        , text: 'Data Berhasil Disimpan'
                        , addclass: 'alert alert-styled-left'
                        , type: 'success'
                    });
                    window.location.href = baseurl + '/asessor/akreditasi';
                } else {
                    new PNotify({
                        title: 'Gagal!'
                        , text: 'Terjadi Kesalahan Saat Menyimpan Data'
                        , addclass: 'alert alert-warning alert-styled-left'
                        , type: 'error'
                    });
                }
            }
            , error: function(xhr) {
                $.unblockUI();
            }
        , });
    }

</script>
@endsection