lpj/resources/views/permohonan/authorization/show.blade.php

@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render(request()->route()->getName()) }}
@endsection

@section('content')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        <div class="card">
            <div class="card-header" id="advanced_settings_appearance">
                <h3 class="card-title">
                    Data Permohonan
                </h3>
            </div>
            <div class="card-body lg:py-7.5 grid grid-cols-3">
                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Nomor Register Permohonan:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->nomor_registrasi }}
                    </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Pemohon:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->user->nik }} | {{ $permohonan->user->name }} | {{ $permohonan->user->branch->name }}
                    </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Tujan Permohonan:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->tujuanPenilaian->name }}
                    </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Nilai Plafond:
                    </h3>
                    <span class="text-2sm text-gray-700">
                        {{ $permohonan->nilaiPlafond->name }}
                    </span>
                </div>

                <div class="mb-5">
                    <h3 class="text-md font-medium text-gray-900">
                        Status Bayar:
                    </h3>
                    <span class="text-md font-bold {{ $permohonan->status_bayar === 'belum_bayar' ? 'text-red-600' : 'text-green-600' }} uppercase">
                        {{ str_replace('_',' ',$permohonan->status_bayar) }}
                    </span>
                </div>

            </div>
        </div>

        <div class="card min-w-full">
            <div class="card-header">
                <h3 class="card-title">
                    Detail Debutur
                </h3>
            </div>
            <div class="card-table scrollable-x-auto pb-3">
                <div class="grid grid-cols-1 xl:grid-cols-2 gap-5 lg:gap-7.5">
                    <div class="col-span-1">
                        <table class="table align-middle text-sm text-gray-500">
                            <tr>
                                <td class="py-2 text-gray-600 font-normal">
                                    Name
                                </td>
                                <td class="py-2 text-gray-800 font-normaltext-sm">
                                    {{ $permohonan->debiture->name ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3">
                                    Email
                                </td>
                                <td class="py-3 text-gray-700 text-2sm font-normal">
                                    {{ $permohonan->debiture->email ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3">
                                    Phone
                                </td>
                                <td class="py-3 text-gray-700 text-2sm font-normal">
                                    {{ $permohonan->debiture->phone ?? "" }}
                                </td>
                            </tr>

                            <tr>
                                <td class="py-3 text-gray-600 font-normal">
                                    Address
                                </td>
                                <td class="py-3 text-gray-700 text-sm font-normal">
                                    {{ $permohonan->debiture->address ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3 text-gray-600 font-normal">
                                    &nbsp;
                                </td>
                                <td class="py-3 text-gray-700 text-sm font-normal">
                                    {{ $permohonan->debiture->village->name ?? "" }}, {{ $permohonan->debiture->district->name ?? "" }}, {{ $permohonan->debiture->city->name ?? "" }}, {{ $permohonan->debiture->province->name ?? "" }} - {{ $permohonan->debiture->village->postal_code ?? "" }}
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-span-1">
                        <table class="table align-middle text-sm text-gray-500">
                            <tr>
                                <td class="py-3 text-gray-600 font-normal">
                                    Cabang
                                </td>
                                <td class="py-2 text-gray-800 font-normaltext-sm">
                                    {{ $permohonan->debiture->branch->name  ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3 text-gray-600 font-normal">
                                    CIF
                                </td>
                                <td class="py-2 text-gray-800 font-normaltext-sm">
                                    {{ $permohonan->debiture->cif ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3 text-gray-600 font-normal">
                                    Nomor Rekening
                                </td>
                                <td class="py-3 text-gray-700 text-sm font-normal">
                                    {{ $permohonan->debiture->nomor_rekening ?? "" }}
                                </td>
                            </tr>
                            <tr>
                                <td class="py-3">
                                    NPWP
                                </td>
                                <td class="py-3 text-gray-700 text-2sm font-normal">
                                    {{ $permohonan->debiture->npwp ?? "" }}
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        @include('lpj::component.detail-jaminan')

        <div class="card">
            <form action="{{ route('authorization.update', $permohonan->id) }}" method="POST" id="authorizationForm">
                <input type="hidden" name="_method" value="PUT">
                @csrf
                <div class="card-body lg:py-7.5">
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">
                            Catatan
                        </label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <textarea class="textarea" rows="3" type="number" id="keterangan" name="keterangan"></textarea>
                            <em class="alert text-danger text-sm" id="keterangan-message"></em>
                        </div>
                    </div>
                </div>
                <div class="card-footer flex justify-end">
                    <button type="submit" name="status" value="preregister" class="btn btn-success">
                        Approve
                    </button>
                    <button type="submit" name="status" value="revisi" id="revisi" class="btn btn-warning ml-3">
                        Revisi
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('authorizationForm');
            const keterangan = document.getElementById('keterangan');
            const revisiBtn = document.getElementById('revisi');
            const keteranganMessage = document.getElementById('keterangan-message');

            form.addEventListener('submit', function(event) {
                if (event.submitter === revisiBtn && keterangan.value.trim() === '') {
                    event.preventDefault();
                    keteranganMessage.textContent = 'Catatan harus diisi.';
                } else {
                    keteranganMessage.textContent = '';
                }
            });

            // Add event listener for typing in keterangan textarea
            keterangan.addEventListener('input', function() {
                keteranganMessage.classList.add('hidden');
            });
        });
    </script>
@endpush