@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>SP Melakukan Kegiatan</h1>
            </div>
            <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('list_permohonan_super')}}">Permohonan PAK</a></li>
                    <li class="breadcrumb-item"><a href="{{route('permohonan_detail_super', $Permohonan->id)}}">Form Permohonan</a></li>
                    <li class="breadcrumb-item"><a href="{{route('data_administrasi_super', $Permohonan->id)}}">Data Administrasi</a></li>
                    <li class="breadcrumb-item active">SP Melakukan Kegiatan</li>
                </ol>
            </div>
        </div>
    </div>
</section>

@if (auth()->user()->role == 'super' || auth()->user()->role == 'pembina')
<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <table id="example2" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th class="text-center" style="width: 5%;">No</th>
                                    <th class="text-center col-2">Tanggal Upload</th>
                                    <th class="text-center" style="width: 40%;">Nama File</th>
                                    <th class="text-center">Status</th>
                                    <th class="text-center">Catatan</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
                                    <td>{{$d->catatan}}</td>
                                    @php
                                        $extension = substr("{$d->upload}", -4);
                                    @endphp
                                    @if ($extension == '.zip')
                                        <td class="col-2">
                                            <div class="row">
                                                <div class="form-group col-md-6">
                                                    <a href="{{ asset('upload/surat_pernyataan/'.$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="form-group col-md-6">
                                                    <button type="button" id="edit_status_document" class="btn btn-block bg-gradient-warning" data-toggle="modal" data-target="#status-catatan-document" data-id="{{ $d->id }}"><i class="fas fa-edit"></i></button>
                                                </div>
                                            </div>
                                        </td>
                                    @else
                                        <td class="col-2">
                                            <div class="row">
                                                <div class="form-group 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="form-group col-md-6">
                                                    <button type="button" id="edit_status_document" class="btn btn-block bg-gradient-warning" data-toggle="modal" data-target="#status-catatan-document" data-id="{{ $d->id }}"><i class="fas fa-edit"></i></button>
                                                </div>
                                            </div>
                                        </td>
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    @if (auth()->user()->role == 'super' || auth()->user()->role == 'pembina' && $Doc_count >= 1)
        @include ('Form_Modal.edit_catatan_document')
    @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
@endif
<script>
     $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        //edit status permohonan
        $('body').on('click', '#edit_status_document', function(event) {
            event.preventDefault();
            let formData = new FormData();
            var id = $(this).data('id');

            $.get('/edit-status-document/' + id + '/edit', function(data) {
                $('#userCrudModal').html("Edit category");
                $('#submit').val("Edit category");
                $('#status-catatan-document').modal('show');
                $('#id').val(data.data.id);
                $('#status_document').val(data.data.status_document);
                $('#catatan').val(data.data.catatan);

                var status_document = data.data.status_document;
                if (status_document == 0) {
                    $("#StatusDocument1").prop("checked", true);
                } else if (status_document == 1) {
                    $("#StatusDocument2").prop("checked", true);
                }else if (status_document == 2) {
                    $("#StatusDocument3").prop("checked", true);
                }

                $('body').on('click', '#submit2', function(event) {
                    event.preventDefault()
                    let formData = new FormData();
                    var id = data.data.id;
                    var status;
                    var catatan = document.getElementById("catatan").value;

                    if ($('#StatusDocument1').is(":checked")) {
                        status = 0;
                    } else if ($('#StatusDocument2').is(":checked")) {
                        status = 1;
                    }else if ($('#StatusDocument3').is(":checked")) {
                        status = 2;
                    }

                    formData.append('id', id);
                    formData.append('status', status);
                    formData.append('catatan', catatan);
                    $.ajax({
                        url: '{{route("store_catatan_dokumen")}}',
                        type: "POST",
                        enctype: 'multipart/form-data',
                        contentType: false,
                        processData: false,
                        data: formData,
                        dataType: 'json',
                        success: function(data) {
                            $('#status_catatan_document').trigger("reset");
                            $('#status_catatan_document').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));
                            })
                        }
                    });
                });
            })
        });

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