@php
    $route = explode('.', Route::currentRouteName());
@endphp
<div class="d-flex flex-column flex-lg-row mb-17">
    <div class="flex-lg-row-fluid me-0 me-lg-20">
        <iframe src="{{ asset($document->file) }}" width="100%" height="650">
            This browser does not support PDFs. Please download the PDF to view it: <a
                href="{{ asset('folder/file_name.pdf') }}">Download PDF</a>
        </iframe>
        <form class="form_{{$route[0]}}" method="POST"
              action="{{ route($route[0].'.update',['document' => $document->id]) }}">
            @method('PUT')
            @csrf
            <!--begin::Input group-->
            @if($document->status==0)
                <!--begin::Actions-->
                <div class="text-center mt-10">
                    <input type="hidden" name="id" value="{{ $document->id }}">
                    <input type="hidden" name="keterangan" id="keterangan">
                    <button type="submit" name="status" value="3" class="btn-tolak btn btn-danger me-3">Tolak</button>
                    <button type="submit" name="status" value="1" class="btn-approve btn btn-primary">Approve</button>
                </div>
                <!--end::Actions-->
            @endif
        </form>
    </div>
    <div class="flex-lg-row-auto w-100 w-lg-275px w-xxl-350px">

        <!--begin::Careers about-->
        <div class="card bg-light ">
            <!--begin::Body-->
            <div class="card-body">
                <!--begin::Top-->
                <div class="mb-7">
                    <!--begin::Title-->
                    <h2 class="fs-1 text-gray-800 w-bolder mb-6">
                        {{ $document->nomor_dokumen }}
                    </h2>
                    <!--end::Title-->

                    <!--begin::Text-->
                    <p class="fw-semibold fs-6 text-gray-600">
                        {{ $document->perihal }}
                    </p>
                    <!--end::Text-->
                </div>
                <!--end::Top-->


                <!--begin::Item-->
                <div class="mb-8">
                    <!--begin::Title-->
                    <h4 class="text-gray-700 w-bolder mb-0">
                        Detail
                    </h4>
                    <!--end::Title-->

                    <!--begin::Section-->
                    <div class="my-2">
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->special_code->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->document_type->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Kode : {{ $document->kode }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->

                        @if($document->kategori=="nasabah")
                        @endif
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Tanggal Dokumen
                                : {{ $document->tanggal_dokumen }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">User Upload
                                : {{ $document->creator->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->

                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Tanggal Upload
                                : {{ $document->tanggal_upload }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->

                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Sequence
                                : {{ $document->document->sequence_odner }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->

                        <!--begin::Row-->
                        <div class="d-flex align-items-center">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Halaman : {{ $document->jumlah_halaman }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->


                    </div>
                    <!--end::Section-->
                </div>
                <!--end::Item-->

                <!--begin::Item-->
                <div class="mb-8">
                    <!--begin::Title-->
                    <h4 class="text-gray-700 w-bolder mb-0">
                        Keterangan
                    </h4>
                    <!--end::Title-->

                    <!--begin::Section-->
                    <div class="my-2">
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->custom_field_1 }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->custom_field_2 }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->custom_field_3 }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center ">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">{{ $document->custom_field_4 }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                    </div>
                </div>

                <!--begin::Item-->
                <div class="mb-8">
                    <!--begin::Title-->
                    <h4 class="text-gray-700 w-bolder mb-0">
                        Info Direktorat
                    </h4>
                    <!--end::Title-->

                    <!--begin::Section-->
                    <div class="my-2">
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">
                                Direktorat {{ $document->document->directorat->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Sub
                                Direktorat {{ $document->document->sub_directorat->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Jenis
                                Pekerjaan {{ $document->document->job->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                        <!--begin::Row-->
                        <div class="d-flex align-items-center mb-3">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Sub Jenis
                                Pekerjaan {{ $document->document->sub_job->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->

                        <!--begin::Row-->
                        <div class="d-flex align-items-center ">
                            <!--begin::Bullet-->
                            <span class="bullet me-3"></span>
                            <!--end::Bullet-->

                            <!--begin::Label-->
                            <div class="text-gray-600 fw-semibold fs-6">Sub Sub Jenis
                                Pekerjaan {{ $document->document->sub_sub_job->name }}</div>
                            <!--end::Label-->
                        </div>
                        <!--end::Row-->
                    </div>
                    <!--end::Section-->
                </div>
                <!--end::Item-->
            </div>
            <!--end::Body-->
        </div>
        <!--end::Careers about-->

    </div>
</div>
@push('customscript')
    <script type="text/javascript">
        $(function () {
            $(".btn-tolak").on('click', function (event) {
                var form = $(this).closest("form");
                event.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    html: "Apakah Anda Akan Menolak Dokumen Ini!<br>Alasan Penolakan :",
                    icon: 'warning',
                    input: 'text',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes!',
                    preConfirm: (keterangan) => {
                        if (!keterangan) {
                            Swal.showValidationMessage(
                                `Alasan Penolakan Wajib Diisi`
                            )
                        } else {
                            $("#keterangan").val(keterangan)
                        }
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: form.attr('action'),
                            data: form.serialize(), // serializes the form's elements.
                            success: function (data) {
                                toastr.success('Dokumen Berhasil Ditolak.', 'Success!', {timeOut: 5000});
                                window.location.href = "{{ route('document.index') }}"
                            }
                        });

                    }
                })
            })

            $(".btn-approve").on('click', function (event) {
                var form = $(this).closest("form");
                event.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    html: "Apakah Anda Menyetujui Dokumen Ini!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: form.attr('action'),
                            data: form.serialize(), // serializes the form's elements.
                            success: function (data) {
                                toastr.success('Dokumen Berhasil Di Approve.', 'Success!', {timeOut: 5000});
                                window.location.href = "{{ route('document.index') }}"
                            }
                        });

                    }
                })
            })
        })
    </script>
@endpush