@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render(request()->route()->getName(), $permohonan->id, $header) }}
@endsection

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">

        @php
            $dataHeader = strtolower($header ?? '');
        @endphp

        @include('lpj::component.detail-jaminan', ['backLink' => 'otorisator.' . $dataHeader . '.index'])



        @if($permohonan->approval_so)
        <div class="card pb-2.5">
            <div class="card-header" id="basic_settings">
                <h3 class="card-title">
                    Approval
                </h3>
            </div>

            <div class="card-body">
                <table class="table table-border">
                    <tbody>
                        <tr>
                            <td>Diperiksa Oleh</td>
                            <td>{{ getUser($permohonan->approval_so)->name ?? 'N/A' }}</td>
                            <td>{{ $permohonan->approval_so_at ? formatTanggalIndonesia($permohonan->approval_so_at,1) : 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td>Disetujui Oleh (EO)</td>
                            <td>{{ getUser($permohonan->approval_eo)->name ?? 'N/A' }}</td>
                            <td>{{ $permohonan->approval_eo_at ? formatTanggalIndonesia($permohonan->approval_eo_at,1) : 'N/A' }}</td>
                        </tr>
                        <tr>
                            <td>Disetujui Oleh (DD)</td>
                            <td>{{ getUser($permohonan->approval_dd)->name ?? 'N/A' }}</td>
                            <td>{{ $permohonan->approval_dd_at ? formatTanggalIndonesia($permohonan->approval_dd_at,1) : 'N/A' }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        @endif
        <div>
            <div class="flex gap-2.5">
                @php
                    $inspeksiId = null;
                    $documentId = null;
                    $jenisJaminanId = null;
                    foreach ($permohonan->debiture->documents as $item) {
                        foreach ($item->inspeksi as $key => $value) {
                            $inspeksiId = $item->id;
                        }
                        $documentId = $item->id;
                        $jenisJaminanId = $item->jenis_jaminan_id;
                    }
                @endphp

                @if ($dataHeader == 'pelaporan')
                    <a class="btn btn-success"
                        href="{{ route('penilai.print-out') }}?permohonanId={{ $permohonan->id }}&documentId={{ $documentId }}&inspeksiId={{ $inspeksiId }}&jaminanId={{ $jenisJaminanId }}">
                        Lihat Laporan
                    </a>
                @endif

                <button onclick="otorisatorData({{ $permohonan->id }})" type="button" class="btn btn-primary">
                    <i class="ki-filled ki-double-check"></i>
                    Otorisator {{ $header ?? '' }}
                </button>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function otorisatorData(dataId) {
            const dataHeader = @json($header);
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: `Untuk melakukan otorisator ${dataHeader}!`,
                icon: 'warning',
                input: 'textarea',
                inputLabel: 'Keterangan',
                inputPlaceholder: 'Masukkan keterangan...',
                inputAttributes: {
                    'aria-label': 'Masukkan keterangan'
                },
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Lanjutkan!',
                cancelButtonText: 'Batal',
            }).then((result) => {
                if (result.isConfirmed) {
                    const userMessage = result.value || ''; // Ambil pesan dari textarea
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                    });
                    $.ajax({
                        url: `/otorisator/otorisator/${dataId}/${dataHeader}`,
                        type: 'POST',
                        data: {
                            message: userMessage
                        },
                        success: (response) => {
                            Swal.fire('Berhasil!', 'Data berhasil diotorisasi.', 'success').then(() => {
                                window.location.reload();
                            });
                            console.log(response);
                        },
                        error: (error) => {
                            console.error('Error:', error);
                            Swal.fire('Gagal!', 'Terjadi kesalahan saat melakukan otorisator.',
                                'error');
                        }
                    });
                }
            });
        }
    </script>
@endpush