@extends('Master.master')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-4">
                <h1>Ijazah dan Transkrip Nilai</h1>
            </div>
            @if (auth()->user()->role == 'user')
                <div class="col-sm-8">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{route('profile')}}">Data Diri</a></li>
                        <li class="breadcrumb-item active">Ijazah dan Transkrip Nilai</li>
                    </ol>
                </div>
            @endif
        </div>
    </div>
</section>

@if (auth()->user()->role == 'user')
<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    @if ($Data_permohonan_count <= 0)
                    <div class="card-header">
                        <h3 class="card-title"><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-default-usulan">Tambah Dokumen</button></h3>
                    </div>
                    @endif
                    <div class="card-body">
                        <table id="example2" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="text-center">No</th>
                                    <th class="text-center col-2">Tanggal Upload</th>
                                    <th class="text-center">Nama File</th>
                                    <th class="text-center col-2">Status</th>
                                    <th class="text-center" style="width: 5%;">Aksi</th>
                                </tr>
                            </thead>
                            @php $no = 1; @endphp
                            <tbody>
                                @foreach($Doc as $d)
                                <tr>
                                    <td class="text-center col-1">{{$no++}}</td>
                                    <td>{{$d->created_at}}</td>
                                    <td>{{$d->document_name}}</td>
                                    @if ($d->status_document == 0)
                                        <td class="text-center"><span class="badge bg-info" style="font-size: 14px;">Verifikasi <i class="ion ion-ios-clock"></i></span></td>
                                    @elseif ($d->status_document == 1)
                                        <td class="text-center"><span class="badge bg-success" style="font-size: 14px;">Terverifikasi <i class="ion ion-checkmark-circled"></i></span></td>
                                    @elseif ($d->status_document == 2)
                                        <td class="text-center"><span class="badge bg-warning" style="font-size: 14px;">Tidak Sesuai <i class="ion ion-close-circled"></i></span></td>
                                    @endif
                                    @php
                                        $extension = substr("{$d->upload}", -4);
                                    @endphp
                                    @if ($extension == '.zip')
                                        @if ($Data_permohonan_count <= 0 && $d->status_document != 1)
                                            <td class="col-2">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <a href="{{ asset('upload/ijazah/'.$d->upload) }}" target="_blank"><button type="button" class="btn btn-block bg-gradient-primary"><i class="fas fa-download"></i></button></a>
                                                    </div>
                                                    <div class="col-6">
                                                        <a href="" class="button delete-confirm" data-id="{{$d->id}}"><button type="button" class="btn btn-block bg-gradient-danger"><i class="fas fa-trash"></i></button></a>
                                                    </div>
                                                </div>
                                            </td>
                                        @else
                                            <td>
                                                <a href="{{ asset('upload/surat_usulan/'.$d->upload) }}" target="_blank"><button type="button" class="btn btn-block bg-gradient-primary"><i class="fas fa-download"></i></button></a>
                                            </td>
                                        @endif
                                    @else
                                        @if ($Data_permohonan_count <= 0 && $d->status_document != 1 )
                                            <td class="col-2">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <button type="button" class="btn btn-block bg-gradient-primary" id="view" data-toggle="modal" data-target="#i-frame" data-id="{{$d->upload}}"><i class="fas fa-eye"></i></button>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <a href="" class="button delete-confirm" data-id="{{$d->id}}"><button type="button" class="btn btn-block bg-gradient-danger"><i class="fas fa-trash"></i></button></a>
                                                    </div>
                                                </div>
                                            </td>
                                        @else
                                            <td>
                                                <button type="button" class="btn btn-block bg-gradient-primary" id="view" data-toggle="modal" data-target="#i-frame" data-id="{{$d->upload}}"><i class="fas fa-eye"></i></button>
                                            </td>
                                        @endif
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    @if ($Data_permohonan_count <= 0)
        <div class="modal fade" id="modal-default-usulan">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Form Ijazah dan Transkrip Nilai</h4>
                        <button type="button" class="close" data-dismiss="modal" id="close" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form id="usulan-data" method="post" enctype="multipart/form-data">
                        {{ csrf_field()}}
                        <div class="modal-body">
                            <div class="form-group">
                                <label>Ijazah dan Transkrip Nilai</label>
                                <select class="form-control" id="nama_dokumen" name="nama_dokumen">
                                    <option value="">Pilih Ijazah</option>
                                    <option value="1">SLTA / SMK</option>
                                    <option value="2">Diploma 3 (D3)</option>
                                    <option value="3">Sarjana (S1)</option>
                                    <option value="4">Magister (S2)</option>)
                                    <option value="5">Doktor (S3)</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputFile">File input</label>
                                <div class="alert alert-info alert-dismissible">
                                    <h5><i class="icon fas fa-info"></i> Alert</h5>
                                    <p>Ijazah dan transkrip nilai yang dilegalisasi (S1/S2/S3).</p>
                                    File type: .pdf dan .zip <br>
                                    Max size file upload:  25 MB 
                                </div>
                                <div class="input-group">
                                    <div class="custom-file">
                                        <input type="file" class="custom-file-input" id="fileupload" name="upload" accept=".pdf, .zip">
                                        <label class="custom-file-label" for="exampleInputFile">Choose file</label>
                                    </div>
                                </div>
                                <span style="color:red; font-size:14px;" id="tampil_alert_file" class="tampil_alert_file"></span>
                                <span style="color:red; font-size:14px;" id="tampil_alert_max_file" class="tampil_alert_file"></span>
                            </div>
                        </div>
                        <input type="hidden" id="type" value="2" name="type">
                        @php
                            $encrypt = Crypt::encrypt(0);
                        @endphp
                        <input type="hidden" id="permohonan_id" value="{{$encrypt}}" name="permohonan_id">
                        <div class="modal-footer justify-content-between">
                            <button type="button" id="close" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="submit" id="submit" class="btn btn-primary">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if ($Doc_count >= 1 && $extension != '.zip')
        <div class="modal fade" id="i-frame">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <iframe id="myFrame" src="" width="100%" height="600"></iframe>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <script>
        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('body').on('click', '#close', function(event) {
                event.preventDefault()
                var text;

                text = ""
                document.getElementById("tampil_alert_file").innerHTML = text;
            });

            $("#fileupload").change(function() {
                var text;
                var text2;
                var inputFile = document.getElementById('fileupload');
                var pathFile = inputFile.value;
                var maxs_size = this.files[0].size / 1024;
                var ekstensiOk = /(\.pdf|\.zip)$/i;
                if (!ekstensiOk.exec(pathFile)) {
                    text = 'Silakan upload file yang dengan ekstensi .pdf /.zip &nbsp;<i class="fas fa-exclamation-circle"></i>'
                    document.getElementById("tampil_alert_file").innerHTML = text;
                    inputFile.value = '';
                    return false;
                }else{
                    document.getElementById("tampil_alert_file").innerHTML = '';
                }

                if(maxs_size > 26000){
                    text2 = 'File tidak boleh lebih dari 25 MB &nbsp;<i class="fas fa-exclamation-circle"></i>'
                    document.getElementById("tampil_alert_max_file").innerHTML = text2;
                    inputFile.value = '';
                    return false;
                }else{
                    document.getElementById("tampil_alert_max_file").innerHTML = '';
                }
            })

            $('.delete-confirm').on('click', function(event) {
                event.preventDefault();
                var permohonan_id = 0;
                var type = document.getElementById('type').value;
                var id = $(this).data('id');

                Swal.fire({
                    title: 'Apakah anda yakin?',
                    text: "Anda tidak akan dapat mengembalikan ini!",
                    icon: 'warning',
                    showCancelButton: true,
                    cancelButtonText: 'Tidak',
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Ya, hapus data!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        Swal.fire({
                        title: 'Menghapus Data',
                        html: 'Tunggu hingga proses hapus selesai.',
                        didOpen: () => {
                            Swal.showLoading()
                        }
                        })
                        $.ajax({
                            url: '{{ route("delete_data_administrasi", ":id") }}',
                            type: "POST",
                            dataType: 'json',
                            data: {
                                id: id,
                                type: type,
                                permohonan_id: permohonan_id
                            },
                            success: function(data) {
                                Swal.fire({
                                    title: 'Terhapus',
                                    text: 'Data Berhasil dihapus.',
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6',
                                    confirmButtonText: 'OK'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        window.location.reload(true);
                                    }
                                    Swal.close(window.location.reload(true));
                                })
                            }
                        });
                        
                    }
                })
            });

            $('body').on('click', '#submit', function(event) {
                event.preventDefault()
                let formData = new FormData();
                const fileupload = $('#fileupload').prop('files')[0];
                var type = document.getElementById("type").value;
                var permohonan_id = document.getElementById("permohonan_id").value;
                var nama_dokumen = document.getElementById("nama_dokumen").value;

                formData.append('type', type);
                formData.append('fileupload', fileupload);
                formData.append('permohonan_id', permohonan_id);
                formData.append('nama_dokumen', nama_dokumen);

                if (fileupload != null) {
                    Swal.fire({
                    title: 'Mengirim Data',
                    html: 'Tunggu hingga proses kirim selesai.',
                    didOpen: () => {
                        Swal.showLoading()
                    }
                    })
                    $.ajax({
                        url: "{{route('store_data_administrasi')}}",
                        type: "POST",
                        enctype: 'multipart/form-data',
                        contentType: false,
                        processData: false,
                        data: formData,
                        dataType: 'json',
                        success: function(data) {
                            $('#usulan-data').trigger("reset");
                            $('#modal-default-usulan').modal('hide');
                            Swal.fire({
                                title: 'Tersimpan',
                                text: 'Data Berhasil disimpan.',
                                icon: 'success',
                                confirmButtonColor: '#3085d6',
                                confirmButtonText: 'OK'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload(true);
                                }
                                Swal.close(window.location.reload(true));
                            })
                        }
                    });
                } else {
                    text = 'File tidak boleh kosong &nbsp;<i class="fas fa-exclamation-circle"></i>'
                    document.getElementById("tampil_alert_file").innerHTML = text;
                    document.getElementById("tampil_alert_max_file").innerHTML = '';
                }
            });

            $('body').on('click', '#view', function(event) {
                event.preventDefault();
                var id = $(this).data('id');
                document.getElementById("myFrame").src = '{{asset("upload/ijazah")}}'+'/'+id;
            });
        });
    </script>
@endif
@endsection