@extends('admin.root')
@section('content')
<div class="content-wrapper">
    <div class="page-header">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">{{$menu}}</span> - {{$sub_menu}}</h4>
                <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
            </div>
        </div>
    </div>
    <div class="content pt-0">
        <div class="card card-collapsed">
            <div class="card-header bg-white header-elements-inline">
                <h6 class="card-title"><b>INFORMASI PENERBIT</b></h6>

                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <div class="table-responsive" style="display: none;">
                <table class="table table-bordered table-striped table-lg">
                    <tbody>
                        <tr>
                            <th class="text-nowrap" scope="row">Penerbit</th>
                            <td style="width: 70%"> {{$profile_penerbit->namalengkap}} </td>
                        </tr>
                        <tr>
                            <th class="text-nowrap" scope="row">Email</th>
                            <td> {{$profile_penerbit->email}}</td>
                        </tr>
                        <tr>
                            <th class="text-nowrap" scope="row">Telepon</th>
                            <td> {{$profile_penerbit->telepon}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        @if(!empty($invoice) && $invoice->invoice_status == 11)
        <div class="card card-collapsed">
            <div class="card-header bg-white header-elements-inline">
                <h6 class="card-title"><b>INFORMASI ASSESSOR</b></h6>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <div class="card-body" style="display: none;">
                <form method="POST" id="main-form">
                    @csrf

                    <input type="hidden" id="id" name="id" value="{{$akreditasi->id}}">
                    <div class="row width-100">

                        <div class="col-md-12">

                            <div class="form-group row">
                                <label class="col-form-label col-sm-2">Ketua Asesor</label>

                                <div class="col-sm-4">
                                    <select name="asessor1" id="asesor1" class="form-control col-sm-12">
                                        <option value="">- Pilih Asesor -</option>
                                        @foreach($listpenilai as $key => $val)
                                        <option value="{{ $key }}" {{ ($asessor1 && $asessor1->asessor_id == $key) ? 'selected' : '' }}>{{ $val }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-sm-5">
                                    <label class="custom-file">
                                        <input type="file" name="surat_tugas_asessor_1" accept=".jpeg, .jpg, .pdf, .doc, .docx" class="custom-file-input" id="file1" onchange="asesor1Base64(this);">
                                        <span class="custom-file-label">Upload surat tugas</span>
                                    </label>
                                    <span class="form-text text-muted">
                                        @if(!empty($asessor1))
                                        <a href="{{url($asessor1->surat_tugas)}}" target="_blank">Download File</a>
                                        @endif
                                    </span>
                                </div>

                            </div>
                            <div class="form-group row"> <label class="col-form-label col-sm-2">Asesor 2</label>

                                <div class="col-sm-4">
                                    <select name="asessor2" id="asesor2" class="form-control col-sm-12">
                                        <option value="">- Pilih Asesor -</option>
                                        @foreach($listpenilai as $key => $val)
                                        <option value="{{ $key }}" {{ ($asessor2 && $asessor2->asessor_id == $key) ? 'selected' : '' }}>{{ $val }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-sm-5">
                                    <label class="custom-file">
                                        <input type="file" name="surat_tugas_asessor_2" accept=".jpeg, .jpg, .pdf, .doc, .docx" class="custom-file-input" id="file2" onchange="asesor2Base64(this);">
                                        <span class="custom-file-label">Upload surat tugas</span>
                                    </label>
                                    <span class="form-text text-muted">
                                        @if(!empty($asessor2))
                                        <a href="{{url($asessor2->surat_tugas)}}" target="_blank">Download File</a>
                                        @endif
                                    </span>
                                </div>

                            </div>

                            <div class="form-group row">
                                <label class="col-form-label col-sm-2">Asesor 3</label>

                                <div class="col-sm-4">
                                    <select name="asessor3" id="asesor3" class="form-control col-sm-12">
                                        <option value="">- Pilih Asesor -</option>
                                        @foreach($listpenilai as $key => $val)
                                        <option value="{{ $key }}" {{ ($asessor3 && $asessor3->asessor_id == $key) ? 'selected' : '' }}>{{ $val }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-sm-5">
                                    <label class="custom-file">
                                        <input type="file" name="surat_tugas_asessor_3" accept=".jpeg, .jpg, .pdf, .doc, .docx" class="custom-file-input" id="file3" onchange="asesor3Base64(this);">
                                        <span class="custom-file-label">Upload surat tugas</span>
                                    </label>
                                    <span class="form-text text-muted">
                                        @if(!empty($asessor3))
                                        <a href="{{url($asessor3->surat_tugas)}}" target="_blank">Download File</a>
                                        @endif
                                    </span>
                                </div>

                            </div>

                        </div>
                    </div>
                    <hr>
                    <div class="text-center">
                        <a href="{{url('admin/akreditasi/baru')}}" class="btn btn-default">Kembali</a>
                        <button type="button" style="width: 160px" class="btn btn-primary" id="submit-confirm"> Simpan</button>
                    </div>

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

        <div class="card  card-collapsed">
            <div class="card-header bg-white header-elements-inline">
                <h6 class="card-title"><b>RANGKUMAN HASIL PENELIAIAN ASSESSOR</b></h6>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <div class="table-responsive" style="display: none">
                <table class="table text-nowrap">
                    <thead>
                        <tr>
                            <th style="width: 300px;">Nama Assessor</th>
                            <th>Memenuhi Penilaian</th>
                            <th>Perbaikan Minor</th>
                            <th>Perbaikan Mayor</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($listAkreditasiASessor as $a)
                        <tr>
                            <td>
                                <div class="d-flex align-items-center">
                                    <div>
                                        <a href="#" class="text-body font-weight-normal letter-icon-title">{{$a->namalengkap}}</a>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <h6 class="mb-0 font-weight-normal">{{ $a->total_memenuhi }}</h6>
                            </td>
                            <td>
                                <h6 class="mb-0 font-weight-normal">{{ $a->total_perbaikan_minor }}</h6>
                            </td>
                            <td>
                                <h6 class="mb-0 font-weight-normal">{{ $a->total_perbaikan_mayor }}</h6>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card  card-collapsed">
            <div class="card-header bg-white header-elements-inline">
                <h6 class="card-title"><b>HASIL PENELIAIAN AKHIR</b></h6>
                <div class="header-elements">
                    <div class="list-icons">
                        <a class="list-icons-item" data-action="collapse"></a>
                    </div>
                </div>
            </div>
            <div class="card-body" style="display: none;">
                <form method="POST" id="main-form-akhir">
                    @csrf
                    @if(true)
                    <input type="hidden" id="id" name="id" value="{{$akreditasi->id}}">
                    <div class="form-group row has-error">
                        <label class="col-sm-3 control-label text-sm-left pt-2">Status Akreditasi</label>
                        @if($akreditasi->status_penilaian != 13)
                        <select name="status_penilaian" id="status_penilaian" class="form-control col-sm-6">
                            @foreach($liststatus as $key => $val)
                            <option value="{{ $key }}" {{ $akreditasi->status_penilaian == $key ? 'selected' : '' }}>{{ $val }}</option>
                            @endforeach
                        </select>
                        @else
                        <div class="form-control col-sm-6"><b>{{ $akreditasi->nama_status }}</b></div>
                        @endif
                    </div>

                    <div class="form-group row has-error tanggal" style="display: none">
                        <label class="col-sm-3 control-label text-sm-left pt-2">Tanggal Berlaku</label>
                        <input type="text" name="tanggal_berlaku" value="{{ $akreditasi->tanggal_berlaku ? now()->toDateString() : $akreditasi->tanggal_berlaku }}" class="form-control col-sm-9" placeholder="Tanggal berlaku">
                    </div>
                    <div class="form-group row has-error tanggal" style="display: none">
                        <label class="col-sm-3 control-label text-sm-left pt-2">Tanggal Berakhir</label>
                        <input type="text" name="tanggal_berakhir" value="{{ $akreditasi->tanggal_berakhir ? $akreditasi->tanggal_berakhir : now()->addYear(5)->toDateString() }}" class="form-control col-sm-9" placeholder="Tanggal Berakhir">
                    </div>

                    <div class="document">
                        <div class="form-group row has-error">
                            <label class="col-sm-3 control-label text-sm-left pt-2">Dokumen Pendukung </label>
                            <input type="text" name="keterangan" value="" class="form-control col-sm-4" placeholder="Keterangan">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="file" name="keterangan_file" accept=".jpeg, .jpg, .pdf, .doc, .docx" class="form-control col-sm-4" id="file_ket" onchange="keteranganFileBase64(this);">
                        </div>

                        @if($pengajuan_akreditasi_file)
                        <div class="form-group row has-error">
                            <div class="col-sm-3"></div>
                            <div class="col-md-9" style="padding-left: 0px;">
                                <table class="table table-bordered table-striped table-lg">
                                    <thead>
                                        <tr>
                                            <th width="70%">Keterangan</th>
                                            <th class="text-center">File Attachment</th>
                                            <th class="text-center">Hapus</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($pengajuan_akreditasi_file as $v)
                                        <tr>
                                            <td>{{$v->keterangan}}</td>
                                            <td class="text-center">
                                                <a class="badge bg-primary" href="{{url($v->keterangan_file)}}" target="_blank"><i class="icon-download mr-2"></i>Download File</a>
                                            </td>
                                            <td class="text-center"><a class="badge badge-danger" href="javascript:;" onclick="warningDelete('{{$v->id}}')" title="Delete Data"><i class="icon-trash font-size-xs"></i></a></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif
                    </div>
                    @endif

                    <hr>
                    <div class="text-center">
                        <a href="{{url('admin/akreditasi/baru')}}" class="btn btn-default">Kembali</a>
                        <button type="button" style="width: 160px" class="btn btn-primary" id="submit-confirm-akhir"> Simpan</button>
                    </div>

                </form>
            </div>
        </div>
        @endif

        <div class="card">
            <div class="card-header header-elements-inline">
                <h6 class="card-title"><b>DATA PENGAJUAN AKREDITASI</b></h6>
                <a target="_blank" href="{{url('/admin/akreditasi/download/'.$akreditasi->id)}}" class="btn btn-outline-success legitRipple"><i class="icon-download mr-2"></i> Download</a>
            </div>

            <div class="card-body">
                <ul class="nav nav-tabs nav-tabs-bottom">
                    <li class="nav-item">
                        <a href="{{ url("admin/akreditasi/detail?id=" . request()->id). "&page=penerbit" }}" class="nav-link {{ $page == 'penerbit' ? 'active' : '' }} legitRipple">Penerbit</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url("admin/akreditasi/detail?id=" . request()->id). "&page=asesor1" }}" class="nav-link {{ $page == 'asesor1' ? 'active' : '' }} legitRipple">Ketua Asesor</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url("admin/akreditasi/detail?id=" . request()->id). "&page=asesor2" }}" class="nav-link {{ $page == 'asesor2' ? 'active' : '' }} legitRipple">Asesor 2</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url("admin/akreditasi/detail?id=" . request()->id). "&page=asesor3" }}" class="nav-link {{ $page == 'asesor3' ? 'active' : '' }} legitRipple">Asesor 3</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url("admin/akreditasi/detail?id=" . request()->id). "&page=kesimpulan" }}" class="nav-link {{ $page == 'kesimpulan' ? 'active' : '' }} legitRipple">Kesimpulan</a>
                    </li>
                </ul>

                <div class="tab-content">
                    @if($page == 'penerbit')
                    <div class="card-body">
                        @php $no = ""; $rowspan=""; $number=""; $grup=""; $group_indikator=""; @endphp
                        @foreach($assessment as $i)
                        <h5 style="text-transform: uppercase; font-weight:bold">{{$i['table']}}</h5>
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <table class="table table-bordered table-full">
                                    <thead>
                                        <tr>
                                            <th width="5%" class="text-center">No</th>
                                            <th width="70%">Indikator Asesmen</th>
                                            <th width="25%" class="text-center">File Asesmen</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($i['detail'] as $d)
                                        <tr>
                                            <input type="hidden" name="item_id[]" value="{{$d->item_id}}">
                                            <td class="text-center"> @if($group_indikator != $d->group_indikator) {{$d->group_indikator}} @endif</td>
                                            <td>@if(!empty($d->no_indikator)) {{$d->no_indikator}}) @endif {!! $d->indikator_asesmen !!}</td>
                                            <td class="text-center" width="25%">

                                                @if($d->input_type == 'file')
                                                @if(!empty($d->file_asesmen))
                                                <a class="badge bg-primary" href="{{url($d->file_asesmen)}}" target="_blank"><i class="icon-download mr-2"></i>Lihat Dokumen</a>
                                                @endif
                                                @else
                                                {{-- <a href="{{url($d->file_asesmen)}}" target="_blank"><i class="icon-link mr-2"></i>Website URL</a> --}}
                                                @endif
                                            </td>
                                        </tr>

                                        @php $no = $i['no']; $number=""; $group_indikator=$d->group_indikator; @endphp
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endforeach
                    </div>

                    @else
                    <div class="card-body">
                        @php $no = ""; $rowspan=""; $number=""; $grup=""; $group_indikator=""; @endphp
                        @foreach($assessment as $i)
                        <h5 style="text-transform: uppercase; font-weight:bold">{{$i['table']}}</h5>
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <table class="table table-bordered table-full">
                                    <thead>
                                        <tr>
                                            <th width="5%" class="text-center">No</th>
                                            <th width="65%">Indikator Asesmen</th>
                                            <th width="40%">Penilaian Asesor</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach($i['detail'] as $d)
                                        <tr>
                                            <input type="hidden" name="item_id1[]" value="{{$d->item_id}}">
                                            <td class="text-center"> @if($group_indikator != $d->group_indikator) {{$d->group_indikator}} @endif</td>
                                            <td>
                                                @if(!empty($d->no_indikator)) {{$d->no_indikator}}) @endif {!! $d->indikator_asesmen !!}

                                                <div class="mt-2">
                                                    @if($d->input_type == 'file')
                                                    @if(!empty($d->file_asesmen))
                                                    <a class="badge bg-primary" href="{{url($d->file_asesmen)}}" target="_blank"><i class="icon-download mr-2"></i>Lihat Dokumen</a>
                                                    @endif
                                                    @elseif(!empty($d->file_asesmen))
                                                    <a href="{{url($d->file_asesmen)}}" target="_blank"><i class="icon-link mr-2"></i>Website URL</a>
                                                    @endif
                                                </div>
                                            </td>

                                            <td>
                                                <span class="badge {{ $d->memenuhi_penilaian == 'Perbaikan Minor' ? 'bg-warning' : ($d->memenuhi_penilaian == 'Perbaikan Major' ? 'bg-danger' : 'bg-success') }}"> {{$d->memenuhi_penilaian}}</span>
                                                @if(!empty($d->catatan))
                                                <textarea rows="3" class="form-control" name="catatan[]" readonly>{{$d->catatan}}</textarea>
                                                @endif
                                            </td>
                                        </tr>

                                        @php $no = $i['no']; $number=""; $group_indikator=$d->group_indikator; @endphp
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endif
                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="warningerror" 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">Peringatan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="pesan"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </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">Peringatan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Apakah yakin menyimpan data ?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Batalkan</button>
                <button type="button" class="btn btn-danger" id="confirm">Konfirmasi</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="warningdelete" 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">Peringatan</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Apakah yakin menghapus data ?
                <form method="POST" id="delete-form">
                    @csrf
                    <input type="hidden" id="idket" name="idket">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Batalkan</button>
                <button type="button" class="btn btn-danger" onclick="_submitDelete()">Hapus</button>
            </div>
        </div>
    </div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
    var keterangan_file = null;
    var suratTugasAsesor1 = null;
    var suratTugasAsesor2 = null;
    var suratTugasAsesor3 = null;

    $(document).ready(function() {
        if ($('#status_penilaian').val() == '13') {
            $('.tanggal').show(500)
        } else {
            $('.tanggal').hide(500)
        }

        $("#submit-confirm").on("click", function() {
            if ($("#main-form").valid()) {
                $('#warningconfirm').modal('show');
            }
        })

        $("#submit-confirm-akhir").on("click", function() {
            _submitAkhir();
        })

        $("#confirm").on("click", function() {
            $('#warningconfirm').modal('hide');
            _submit();
        })

        $("#main-form").validate({
            errorClass: 'error'
            , successClass: 'validation-valid-label'
            , highlight: function(element, errorClass) {
                $(element).removeClass(errorClass);
                $('#panel-message').html('');
            }
            , unhighlight: function(element, errorClass) {
                $(element).removeClass(errorClass);
                $('#panel-message').html('');
            }
            , errorPlacement: function(error, element) {
                if (element.parents('div').hasClass('has-feedback') || element.hasClass('select2-hidden-accessible')) {
                    error.appendTo(element.parent());
                } else
                    error.insertAfter(element);
            }
            , validClass: "validation-valid-label"
            , success: function(label) {}
            , rules: {
                penilai1: {
                    required: true
                }
                , penilai2: {
                    required: true
                }
            , }
            , messages: {
                penilai1: {
                    required: "Penilai Pertama Harus Diisi"
                }
                , penilai2: {
                    required: "Penilai Kedua Harus Diisi"
                }
                , penilai3: {
                    required: "Penilai Ketiga Harus Diisi"
                }
            , }
        });

        $('#status_penilaian').change(function() {
            if ($(this).val() == '13') {
                $('.tanggal').show(500)
            } else {
                $('.tanggal').hide(500)
            }
        });
    });

    function _submitAkhir() {
        var payload = $("#main-form-akhir").serializeArray();
        payload.push({
            name: 'keterangan_file_base64'
            , value: keterangan_file
        });

        doSubmit(payload);
    }

    function _submit() {
        var payload = $("#main-form").serializeArray();
        payload.push({
            name: 'suratTugasAsesor1_base64'
            , value: suratTugasAsesor1
        }, {
            name: 'suratTugasAsesor2_base64'
            , value: suratTugasAsesor2
        }, {
            name: 'suratTugasAsesor3_base64'
            , value: suratTugasAsesor3
        });
        doSubmit(payload);
    }

    function doSubmit(payload) {
        var post = $.ajax({
            url: baseurl + '/admin/akreditasi/simpan'
            , type: "POST"
            , data: payload
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/global/images/busy.gif" /> Memproses Data...'
                });
            }
            , success: function(json) {
                $.unblockUI();
                $("#warningerror").modal('show');
                $("#pesan").html(json.response.Message);

                if (json.response.Status == 0) {
                    window.location.href = baseurl + '/admin/akreditasi/detail?id=' + $('#id').val();
                }
            }
            , error: function(xhr) {
                $.unblockUI();
            }
        , });
    }

    function keteranganFileBase64(file) {
        var reader = new FileReader();
        reader.readAsDataURL(file.files[0]);
        reader.onload = function() {
            keterangan_file = reader.result.replace(/^[^,]*,/, '');
        };
        reader.onerror = function(error) {};
    }

    function warningDelete(idket) {
        $('#idket').val(idket)
        $('#warningdelete').modal('show')
    }

    function _submitDelete() {
        $('#warningdelete').modal('hide')
        var pushdata = $("#delete-form").serializeArray();

        var post = $.ajax({
            url: baseurl + '/admin/akreditasi/hapus-file'
            , type: "POST"
            , data: pushdata
            , beforeSend: function() {
                $.blockUI({
                    message: '<img src="' + baseurl + '/assets/global/images/busy.gif" /> Memproses Data...'
                });
            }
            , success: function(json) {
                $.unblockUI();
                $("#warningerror").modal('show');
                $("#pesan").html(json.response.Message);

                if (json.response.Status == 0) {
                    window.location.href = baseurl + '/admin/akreditasi/detail?id=' + $('#id').val();
                }
            }
            , error: function(xhr) {
                $.unblockUI();
            }
        , });
    }

    function asesor1Base64(file) {
        var reader = new FileReader();
        reader.readAsDataURL(file.files[0]);
        reader.onload = function() {
            suratTugasAsesor1 = reader.result.replace(/^[^,]*,/, '');
        };
        reader.onerror = function(error) {};
    }

    function asesor2Base64(file) {
        var reader = new FileReader();
        reader.readAsDataURL(file.files[0]);
        reader.onload = function() {
            suratTugasAsesor2 = reader.result.replace(/^[^,]*,/, '');
        };
        reader.onerror = function(error) {};
    }

    function asesor3Base64(file) {
        var reader = new FileReader();
        reader.readAsDataURL(file.files[0]);
        reader.onload = function() {
            suratTugasAsesor3 = reader.result.replace(/^[^,]*,/, '');
        };
        reader.onerror = function(error) {};
    }

</script>
@endsection