@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>
                @if(Auth::user()->hasAnyRole(['administrator','senior-officer']) && $permohonan->approval_so==null)
                    <button onclick="otorisatorData({{ $permohonan->id }})" type="button" class="btn btn-primary">
                        <i class="ki-filled ki-double-check"></i>
                        Otorisator {{ $header ?? '' }}
                    </button>
                @endif

                @if(Auth::user()->hasAnyRole(['administrator','EO Appraisal']) && $permohonan->approval_so && $permohonan->approval_eo==null)
                    <button onclick="otorisatorData({{ $permohonan->id }})" type="button" class="btn btn-primary">
                        <i class="ki-filled ki-double-check"></i>
                        Otorisator {{ $header ?? '' }}
                    </button>
                @endif

                @if(Auth::user()->hasAnyRole(['administrator','DD Appraisal']) && $permohonan->approval_eo && $permohonan->approval_dd==null)
                    <button onclick="otorisatorData({{ $permohonan->id }})" type="button" class="btn btn-primary">
                        <i class="ki-filled ki-double-check"></i>
                        Otorisator {{ $header ?? '' }}
                    </button>
                @endif
            </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. Menunggu Approval EO dan atau DD', '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