@extends('layouts.main')

@section('breadcrumbs')
    {{ Breadcrumbs::render('resume') }}
@endsection

@section('content')
    <style>
        .input-group {
            position: relative;
            width: 100%;
        }

        .left-group {
            padding-right: 2.5rem;
        }

        .right-group {
            padding-left: 2.5rem;
        }

        .input-group .input-unit {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            color: #6b7280;
        }

        .input-group .input-unit.unit-left {
            left: 0.75rem;
        }

        .input-group .input-unit.unit-right {
            right: 0.75rem;
        }
    </style>

    <div class="grid">
        <div class="card card-grid min-w-full" id="debitur-table">
            <div class="card-header py-5 flex-wrap">
                <div class="w-full grid gap-5 lg:gap-7.5 mx-auto">
                    <form action="" method="POST" class="grid gap-5">
                        <input type="hidden" name="id" value="">
                        @csrf

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    CADEB AN
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('cadeb') border-danger bg-danger-light @enderror"
                                        type="text" name="cadeb" value="">
                                    @error('cadeb')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Jenis Aset
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('aset') border-danger bg-danger-light @enderror"
                                        type="text" name="aset" value="">
                                    @error('aset')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Fasilitas Kredit
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('kredit') border-danger bg-danger-light @enderror"
                                        type="text" name="kredit" value="">
                                    @error('kredit')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Alamat Objek
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('alamat') border-danger bg-danger-light @enderror"
                                        type="text" name="alamat" value="">
                                    @error('alamat')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Cabang Pemohon
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('cabang') border-danger bg-danger-light @enderror"
                                        type="text" name="cabang" value="">
                                    @error('cabang')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    AO
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('ao') border-danger bg-danger-light @enderror" type="text"
                                        name="ao" value="">
                                    @error('ao')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Surveyor
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('surveyor') border-danger bg-danger-light @enderror"
                                    type="text" name="surveyor" value="">
                                @error('surveyor')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Penilai
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('penilai') border-danger bg-danger-light @enderror"
                                    type="text" name="penilai" value="">
                                @error('penilai')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Tanggal Survey
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <input class="input @error('tanggal_survey') border-danger bg-danger-light @enderror"
                                    type="date" name="tanggal_survey" value="">
                                @error('tanggal_survey')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Nomor Resume
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('nomor_resume') border-danger bg-danger-light @enderror"
                                        type="number" name="nomor_resume" value="">
                                    @error('nomor_resume')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>

                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    Tanggal Resume
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input @error('tanggal_resume') border-danger bg-danger-light @enderror"
                                        type="date" name="tanggal_resume" value="">
                                    @error('tanggal_resume')
                                        <em class="alert text-danger text-sm">{{ $message }}</em>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Faktor Positif
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('faktor_positif') border-danger bg-danger-light @enderror" rows="3"
                                    type="number" id="faktor_positif" name="faktor_positif"></textarea>
                                @error('faktor_positif')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Faktor Negatif
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('faktor_negatif') border-danger bg-danger-light @enderror" rows="3"
                                    type="number" id="faktor_negatif" name="faktor_negatif"></textarea>
                                @error('faktor_negatif')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">Kesimpulan Nilai Pasar</label>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Sesuai Fisik
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('sertifikat') border-danger bg-danger-light @enderror"
                                            type="text" name="sertifikat" placeholder="Sertifikat" value="">
                                        @error('sertifikat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_tanah" placeholder="Luas tanah" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_bangunan" placeholder="Luas bangunan"
                                            value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('pasar_wajar') border-danger bg-danger-light @enderror"
                                            type="number" name="pasar_wajar" placeholder="Nilai pasar wajar"
                                            value="">
                                        @error('pasar_wajar')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Sesuai IMB
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('sertifikat') border-danger bg-danger-light @enderror"
                                            type="text" name="sertifikat" placeholder="Sertifikat" value="">
                                        @error('sertifikat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_tanah" placeholder="Luas tanah" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_bangunan" placeholder="Luas bangunan"
                                            value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('pasar_wajar') border-danger bg-danger-light @enderror"
                                            type="number" name="pasar_wajar" placeholder="Nilai pasar wajar"
                                            value="">
                                        @error('pasar_wajar')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Asumsi nilai terpotong jalan/GSB
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <div class="flex flex-col lg:flex-row gap-2 w-full">
                                    <div class="input-group w-full">
                                        <input
                                            class="input w-full @error('sertifikat') border-danger bg-danger-light @enderror"
                                            type="text" name="sertifikat" placeholder="Sertifikat" value="">
                                        @error('sertifikat')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_tanah') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_tanah" placeholder="Luas tanah" value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_tanah')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <input
                                            class="left-group input w-full @error('luas_bangunan') border-danger bg-danger-light @enderror"
                                            type="number" name="luas_bangunan" placeholder="Luas bangunan"
                                            value="">
                                        <span class="input-unit unit-right">m<sup>2</sup></span>
                                        @error('luas_bangunan')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>

                                    <div class="input-group w-full">
                                        <span class="input-unit unit-left">Rp</span>
                                        <input
                                            class="right-group input w-full pl-8 @error('pasar_wajar') border-danger bg-danger-light @enderror"
                                            type="number" name="pasar_wajar" placeholder="Nilai pasar wajar"
                                            value="">
                                        @error('pasar_wajar')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                Catatan perlu diperhatikan
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <textarea class="textarea @error('catatan') border-danger bg-danger-light @enderror" rows="3" type="number"
                                    id="catatan" name="catatan"></textarea>
                                @error('catatan')
                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                @enderror
                            </div>
                        </div>

                        <hr>

                        <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                            <label class="form-label max-w-56">
                                DISCLAIMER
                            </label>
                            <div class="flex flex-wrap items-baseline w-full">
                                <ol>
                                    <li>Laporan Resume ini dikeluarkan dikarenakan belum dilakukannya pembayaran biaya
                                        penilaian jaminan</li>
                                    <li>Laporan Resume ini tidak bisa dijadikan sebagai dasar pengajuan dan atau pencairan
                                        kredit, laporan yang digunakan tetap wajib berupa Laporan Penilaian Jaminan (LPJ)
                                    </li>
                                    <li>Detail per meter tanah dan bangunan, sarana pelengkap dll akan tercatat di Laporan
                                        Penilaian Jaminan (LPJ) nanti</li>
                                    <li>Laporan Resume ini hanya digunakan untuk kepentingan internal bagi</li>
                                    <li>Laporan resume ini hanya berlaku <span class="text-red-500">14 hari</span> kerja
                                        terhitung dari tanggal resume ini dibuat sesuai aturan yang berlaku, apabila lewat
                                        maka harus dilakukan order ulang sesuai prosedur yang berlaku</li>
                                    <li>Apabila sudah melewati 6 bulan, maka harus penilaian ulang kembali</li>
                                </ol>
                            </div>
                        </div>

                        <hr>

                        <label class="form-label">Salam,</label>

                        <div class="flex flex-wrap lg:flex-nowrap gap-4">
                            <div class="flex items-center w-full lg:w-1/2 gap-2.5">
                                <label class="form-label max-w-56 lg:w-32">
                                    PENILAI
                                </label>
                                <label class="form-label max-w-56 lg:w-32">
                                    SENIOR OFICER
                                </label>
                            </div>
                        </div>

                        <div class="flex justify-end">
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection