@extends('layouts.main')

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

@section('content')
    @include('lpj::assetsku.includenya')
    <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
        <form id="form-memo" method="POST" class="w-full grid gap-5">
            <div class="card">
                <div class="card-header bg-agi-50">
                    <h3 class="card-title uppercase">
                        Memo Antar Kantor
                    </h3>
                    <div class="flex items-center gap-2">
                        @php
                            use Illuminate\Support\Facades\Route;
                        @endphp
                        @if (Auth::user()->hasAnyRole(['administrator', 'senior-officer', 'EO Appraisal', 'DD Appraisal']) &&
                                Route::currentRouteName('otorisator.show'))
                            <a href="{{ route('otorisator.show', ['id' => $permohonan->id, 'type' => 'Pelaporan']) }}"
                                class="btn btn-xs btn-info">
                                <i class="ki-filled ki-exit-left"></i> Back
                            </a>
                        @elseif (Auth::user()->hasAnyRole(['administrator', 'surveyor']) && Route::currentRouteName('penilai.show'))
                            <a href="{{ route('penilai.show', $permohonan->id) }}" class="btn btn-xs btn-info">
                                <i class="ki-filled ki-exit-left"></i> Back
                            </a>
                        @endif
                    </div>
                </div>
                <div class="card-body grid gap-5">
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Kepada</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input type="text" name="kepada" class="input w-full" placeholder="Masukkan..."
                                value=" {{ $memo->kepada ?? '' }}">
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Dari</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input type="text" name="dari" class="input w-full" placeholder="Masukkan..."
                                value="{{ $memo->dari ?? '' }}">
                        </div>
                    </div>
                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Nomor Memo</label>
                        <div class="flex flex-wrap items-base line w-full">
                            <input type="text" name="nomor_memo" class="input w-full" placeholder="Masukkan..."
                                value="{{ $nomorLaporan ?? '' }}" @readonly(true)>
                        </div>
                    </div>
                    {{-- 250109828129/ --}}

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Tanggal</label>
                        <div class="flex flex-wrap items-baseline w-full">
                            <input type="date" name="tanggal" class="input w-full" placeholder="Masukkan..."
                                value="{{ $memo->tanggal ?? '' }}">
                        </div>
                    </div>

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Perihal</label>
                        <div class="flex flex-wrap items-base line w-full">
                            <input type="text" name="perihal" class="input w-full" placeholder="Masukkan..."
                                value="{{ $memo->perihal ?? '' }}">
                        </div>
                    </div>
                </div>
            </div>

            <div class="card border border-agi-100 w-full bg-white rounded-lg shadow-md ">
                <div class="card-header bg-agi-50">
                    <h1 class="text-md font-medium text-gray-900 uppercase">Sehubungan dengan permintaan BAGI Cabang
                        <b>{{ $permohonan->branch->name }}</b>, untuk dilakukan survey untuk penilaian baru/review, calon
                        debitur/debitur an
                        <b>{{ $permohonan->debiture->name }}</b>,dengan deskripsi sebagai berikut :
                    </h1>
                </div>
                <div class="card-body">
                    <div class="grid gap-5 w-full">
                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">Jenis Aset</label>

                            <div class="flex flex-wrap items-baseline w-full">

                                <select id="jenis_asset_tidak_sesuai" class="input w-full" name="jenis_asset_tidak_sesuai">
                                    <option value="">Select Jenis asset</option>
                                    @foreach ($basicData['jenisJaminan'] as $item)
                                        <option value="{{ $item->name }}"
                                            {{ ($memo->jenis_asset_tidak_sesuai ?? '') == $item->name ? 'selected' : '' }}>
                                            {{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <div class="grid gap-2.5 w-full">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="lokasi" class="form-label max-w-56">Lokasi</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input type="text" id="lokasi" name="lokasi" class="input w-full"
                                            placeholder="Masukkan Jl."
                                            value="{{ $memo->lokasi->lokasi ?? old('lokasi') }}">
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="province_code" class="form-label max-w-56">Provinsi</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select id="province_code" name="province_code" class="input w-full">
                                            <option value="">Pilih Provinsi</option>
                                            @foreach ($provinces as $item)
                                                <option value="{{ $item->code }}"
                                                    {{ ($memo->lokasi->province_code ?? '') == $item->code ? 'selected' : '' }}>
                                                    {{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="city_code" class="form-label max-w-56">Kota/Kabupaten</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select id="city_code" name="city_code" class="select w-full">
                                            <option value="">Pilih Kota/Kabupaten</option>
                                            @if (isset($cities))
                                                @foreach ($cities as $item)
                                                    <option value="{{ $item->code }}"
                                                        {{ ($memo->lokasi->city_code ?? '') == $item->code ? 'selected' : '' }}>
                                                        {{ $item->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="district_code" class="form-label max-w-56">Kecamatan</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select id="district_code" name="district_code" class="select w-full">
                                            <option value="">Pilih Kecamatan</option>
                                            @if (isset($districts))
                                                @foreach ($districts as $item)
                                                    <option value="{{ $item->code }}"
                                                        {{ ($memo->lokasi->district_code ?? '') == $item->code ? 'selected' : '' }}>
                                                        {{ $item->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="village_code" class="form-label max-w-56">Kelurahan</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select id="village_code" name="village_code" class="select w-full">
                                            <option value="">Pilih Kelurahan</option>
                                            @if (isset($villages))
                                                @foreach ($villages as $item)
                                                    <option value="{{ $item->code }}"
                                                        {{ ($memo->lokasi->village_code ?? '') == $item->code ? 'selected' : '' }}>
                                                        {{ $item->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="address" class="form-label max-w-56">Address</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input type="text" id="address" name="address" class="input w-full"
                                            placeholder="Masukkan Jl."
                                            value="{{ $memo->lokasi->address ?? old('address') }}">
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="tanggal_survey" class="form-label max-w-56">Tanggal Survey</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input type="date" id="tanggal_survey" name="tanggal_survey"
                                            class="input w-full" placeholder="Masukkan Tanggal Survey"
                                            value="{{ $memo->lokasi->tanggal_survey ?? old('tanggal_survey') }}">
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5 w-full">
                                    <label for="penilai" class="form-label max-w-56">Penilai</label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input type="text" id="penilai" name="penilai" class="input w-full"
                                            placeholder="Masukkan Penilai"
                                            value="{{ $memo->lokasi->penilai ?? old('penilai') }}">
                                    </div>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>
            </div>


            <div class="card">
                <div class="card-header bg-agi-50">
                    <h3 class="card-title uppercase">
                        Dokument
                    </h3>
                </div>
                <div class="card-body grid gap-5">

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Terlampir</label>
                        <div id="fakta-positif-container" class="flex flex-wrap items-baseline w-full">

                            <div class="terlampir flex items-center gap-2 mt-2 textarea-group w-full">
                                <textarea class="textarea mt-2" name="terlampir[]" rows="3">{{ $memo->terlampir[0] ?? old('terlampir', '') }}</textarea>
                            </div>

                        </div>
                    </div>

                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Berdasarkan hasil survey dapat disampaikan sbb:</label>
                        <div id="hasil_survey" class="flex flex-wrap items-baseline w-full">
                            @if (!empty($memo->hasil_survey))
                                @foreach ($memo->hasil_survey as $index => $positif)
                                    <div class="hasil_survey flex items-center gap-2 mt-2 textarea-group w-full">
                                        <textarea class="textarea mt-2" name="hasil_survey[]" rows="3">{{ old("hasil_survey.$index", $positif) }}</textarea>
                                        <button class="btn btn-danger btn-sm remove-btn" type="button"
                                            style="display: none;">
                                            <i class="ki-outline ki-trash"></i>
                                        </button>
                                    </div>
                                @endforeach
                            @else
                                <div class="hasil_survey flex items-center gap-2 mt-2 textarea-group w-full">
                                    <textarea class="textarea mt-2" name="hasil_survey[]" rows="3">{{ old('hasil_survey.0', '') }}</textarea>
                                    <button class="btn btn-danger btn-sm remove-btn" type="button"
                                        style="display: none;">
                                        <i class="ki-outline ki-trash"></i>
                                    </button>
                                </div>
                            @endif
                            <button type="button" class="btn btn-primary btn-sm mt-5"
                                onclick="addClonableItem('hasil_survey', 'hasil_survey')">
                                <i class="ki-outline ki-plus"></i>
                            </button>
                        </div>
                    </div>


                    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                        <label class="form-label max-w-56">Kesimpulan dan saran</label>
                        <div id="fakta-negatif-container" class="flex flex-wrap items-baseline w-full">
                            @if (!empty($memo->kesimpulan_saran))
                                @foreach ($memo->kesimpulan_saran as $index => $negatif)
                                    <div class="fakta_negatif flex items-center gap-2 mt-2 textarea-group w-full">
                                        <textarea class="textarea mt-2" name="kesimpulan_saran[]" rows="3">{{ old("kesimpulan_saran.$index", $negatif) }}</textarea>
                                        <button class="btn btn-danger btn-sm remove-btn" type="button"
                                            style="display: none;">
                                            <i class="ki-outline ki-trash"></i>
                                        </button>
                                    </div>
                                @endforeach
                            @else
                                <div class="kesimpulan_saran flex items-center gap-2 mt-2 textarea-group w-full">
                                    <textarea class="textarea mt-2" name="kesimpulan_saran[]" rows="3">{{ old('kesimpulan_saran.0') }}</textarea>
                                    <button class="btn btn-danger btn-sm remove-btn" type="button"
                                        style="display: none;">
                                        <i class="ki-outline ki-trash"></i>
                                    </button>
                                    <em id="error-kesimpulan_saran" class="alert text-danger text-sm"></em>
                                </div>
                            @endif
                            <button type="button" class="btn btn-primary btn-sm mt-5"
                                onclick="addClonableItem('fakta-negatif-container', 'kesimpulan_saran')">
                                <i class="ki-outline ki-plus"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            {{-- @include('lpj::penilai.components.foto-lampiran') --}}

            <div class="flex card-footer  justify-end gap-5">
                @if (Auth::user()->hasAnyRole(['senior-officer', 'surveyor', 'administrator']))
                <a class="btn btn-primary" onclick="saveMemo()">
                    <i class="ki-filled ki-save-2"></i>
                    Simpan
                </a>
                @endif
                @if (Auth::user()->hasAnyRole(['administrator', 'senior-officer', 'EO Appraisal', 'DD Appraisal']))
                    <a class="btn btn-info"
                        href="{{ route('penilai.lampiran') }}?permohonanId={{ request('permohonanId') }}&documentId={{ request('documentId') }}&inspeksiId={{ request('inspeksiId') }}&jaminanId={{ request('jaminanId') }}&statusLpj=1">
                        Lampiran Foto dan Dokument
                    </a>
                    <a href="{{ route('surveyor.print_out_inspeksi', ['permohonan_id' => $permohonan->id, 'dokument_id' => request('documentId'), 'jenis_jaminan_id' => request('jaminanId')]) }}"
                        class="btn btn-light">
                        <i class="ki-filled ki-printer"></i> Hasil Inspeksi
                    </a>
                    <a class="btn btn-success"
                        onclick="checkLaporan('{{ $permohonan->id }}', '{{ request('documentId') }}', '{{ request('inspeksiId') }}', {{ request('jaminanId') }}, )">
                        <i class="ki-filled ki-printer"></i> Cetak Laporan
                    </a>
                @endif
            </div>

        </form>
    </div>
@endsection
@include('lpj::surveyor.js.utils')
<script>
    function saveMemo() {
        const form = document.getElementById('form-memo');
        const formData = new FormData(form);

        const jsonData = {
            kepada: formData.get('kepada'),
            dari: formData.get('dari'),
            nomor_memo: formData.get('nomor_memo'),
            tanggal: formData.get('tanggal'),
            perihal: formData.get('perihal'),
            jenis_asset_tidak_sesuai: formData.get('jenis_asset_tidak_sesuai'),
            lokasi: {
                lokasi: formData.get('lokasi') || '',
                address: formData.get('address') || '',
                province_code: formData.get('province_code') || '',
                city_code: formData.get('city_code') || '',
                district_code: formData.get('district_code') || '',
                village_code: formData.get('village_code') || '',
                tanggal_survey: formData.get('tanggal_survey') || '',
                penilai: formData.get('penilai') || '',
            },
            terlampir: (formData.getAll('terlampir[]') || []),
            hasil_survey: (formData.getAll('hasil_survey[]') || []),
            kesimpulan_saran: (formData.getAll('kesimpulan_saran[]') || []),
        };

        showLoadingSwal('Mengirim data ke server...');

        const urlParams = new URLSearchParams(window.location.search);
        const permohonanId = urlParams.get('permohonanId');
        const documentId = urlParams.get('documentId');
        const inspeksiId = urlParams.get('inspeksiId');

        const requestUrl = `{{ route('penilai.storeMemo') }}`;
        $.ajax({
            url: requestUrl,
            type: 'POST',
            data: JSON.stringify({
                permohonan_id: permohonanId,
                document_id: documentId,
                inspeksi_id: inspeksiId,
                memo: jsonData,
            }),
            contentType: 'application/json',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function(response) {
                hideLoadingSwal();
                if (response.success) {
                    Swal.fire({
                        title: 'Berhasil!',
                        text: response.message,
                        icon: 'success',
                        confirmButtonText: 'OK'
                    }).then((response) => {
                        if (response.isConfirmed) {
                            // window.location.reload();
                        }
                    });
                } else {
                    Swal.fire({
                        title: 'Error!',
                        text: response.message || 'Terjadi kesalahan',
                        icon: 'error',
                        confirmButtonText: 'OK'
                    });
                }
                console.log(response);
            },
            error: function(xhr, status, error) {
                let errors = xhr.responseJSON?.errors;
                $('.alert').text('');
                if (errors) {
                    $.each(errors, function(key, value) {
                        $(`#error-${key}`).text(value[0]);
                        toastrErrorBuild(value[0]);
                    });
                }
                hideLoadingSwal();
                console.log(errors);
            }
        });
    }
</script>