@extends('layouts.main')

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

@push('styles')
    <style>
        .divider {
            border: none;
            height: 1px;
            background-color: #ddd;
            margin: 20px 0;
        }

        .h1 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }
    </style>
@endpush


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

        <div class="card pb-2.5">
            <div class="card-header" id="basic_settings">
                <h3 class="card-title">
                    Form Data Jaminan
                </h3>
                <div class="flex items-center gap-2">
                    <a href="{{ route('basicdata.penilaian.index') }}" class="btn btn-xs btn-info"><i
                            class="ki-filled ki-exit-left"></i>
                        Back</a>
                </div>
            </div>
            <div class="card-body">

                <form action="" method="POST" class="">
                    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5 lg:gap-7.5">
                        <div class="grid gap-2.5">
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-24">
                                    Nomor Registrasi
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">

                                    <input class="input  @error('nomor_registrasi') border-danger bg-danger-light @enderror"
                                        type="text" name="nomor_registrasi" value="{{ $permohonan->nomor_registrasi }}">
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-12">
                                    Nama Pemohon
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="text" name="cif" value="{{ $permohonan->user->name }}">
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-12">
                                    Tanggal Pemohon
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="date" name="cif" value="{{ $permohonan->tanggal_permohonan }}">
                                </div>
                            </div>
                        </div>

                        <div class="grid gap-2.5">
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label ">
                                    Status
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="text" name="cif" value="{{ $permohonan->status }}">
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label">
                                    Cabang Pemohon
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="text" name="cif" value="{{ $permohonan->branch->name }}">
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-24">
                                    Cabang Penilai
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="number" name="cif" value="">
                                </div>
                            </div>
                        </div>


                        <div class="grid gap-2.5">
                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-24">
                                    Nomor Registrasi cabang
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="number" name="cif" value="">
                                </div>
                            </div>

                            <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                <label class="form-label max-w-24">
                                    Nama Bagian
                                </label>
                                <div class="flex flex-wrap items-baseline w-full">
                                    <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                        type="number" name="cif" value="">
                                </div>
                            </div>
                        </div>
                    </div>

                    </br>
                    <div class="divider"></div>
                    <div class="grid gap-5">
                        <div>
                            <h1 class="h1">1. IDENTITAS DEBITUR</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Nama Debitur
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                            type="text" name="cif" value="{{ $permohonan->debiture->name }}">
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Alamat
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <p>
                                            {{ $permohonan->debiture->address . ' ' . $permohonan->debiture->village->name . ', ' . $permohonan->debiture->district->name . ', ' . $permohonan->debiture->city->name . ', ' . $permohonan->debiture->province->name . ' ' . '(' . $permohonan->debiture->postal_code . ')' }}

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

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Nomor Cif
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                            type="number" name="cif" value="{{ $permohonan->debiture->cif }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <h1 class="h1">2. LETAK JAMINAN</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Alamat jaminan
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <textarea class="textarea  @error('cif') border-danger bg-danger-light  @enderror" rows="3" type="number"
                                            name="cif" value=""></textarea>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Kode Dati II
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <section class="input w-full">
                                            <option value="">1</option>
                                        </section>
                                    </div>
                                </div>

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Debitur/Wakil Debitur
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                            type="number" name="cif" value="">
                                    </div>
                                </div>
                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Telepon
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input class="input  @error('cif') border-danger bg-danger-light @enderror"
                                            type="number" name="cif" value="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <h1 class="h1">3. FASILITAS KREDIT</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">


                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Jenis Fasilitas
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($jenisFasilitas as $item)
                                                <option value="">{{ $item->name }}</option>
                                            @endforeach

                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <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">
                                        Nilai Plafond
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($nilaiPlafond as $item)
                                                <option value="">{{ $item->name }}</option>
                                            @endforeach

                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>

                            </div>
                        </div>


                        <div>
                            <h1 class="h1">4. TUJUAN PENILAIAN</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Jenis jaminan
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            <option value="">{{ $permohonan->tujuanPenilaian->name }}</option>

                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div>
                            <h1 class="h1">5. JENIS JAMINAN</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Jenis jaminan
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($jenisJaminan as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div>
                            <h1 class="h1">6. TIPE JAMINAN</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5">

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        tipe jaminan
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($jenisJaminan as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <em class="alert text-danger text-sm">{{ $message }}</em>
                                        @enderror
                                    </div>
                                </div>


                            </div>
                        </div>

                        <div>
                            <h1 class="h1">7. DATA-DATA</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5 border">

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5"">
                                    <label class="form-label max-w-56 ">
                                        Update By
                                    </label>
                                    <div class="flex flex-col lg:flex-row gap-2 w-full">
                                        <div class="flex flex-col lg:flex-row gap-2 w-full">
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <input
                                                    class="input  @error('user') border-danger bg-danger-light @enderror"
                                                    type="text" name="user" value="">
                                                @error('province_code')
                                                    <em class="alert text-danger text-sm">{{ $message }}</em>
                                                @enderror
                                            </div>
                                            <div class="flex flex-wrap items-baseline w-full">
                                                <input
                                                    class="input  @error('update_at') border-danger bg-danger-light @enderror"
                                                    type="text" name="update_at" value="">
                                                @error('city_code')
                                                    <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">

                                </div>

                            </div>
                        </div>

                        <div>
                            <h1 class="h1">6. TIPE JAMINAN</h1>
                            <div class="pl-1 lg:pl-5 xl:pl-5 grid gap-2.5 p-5">

                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Penilai yang Dilakukan oleh
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($jenisPenilaian as $item)
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <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">
                                        Tim Penilai yang di tunjuk
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <select
                                            class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror"
                                            name="tujuan_penilaian_id" id="tujuan_penilaian_id">
                                            @foreach ($teamPenilai as $item)
                                                <option value="{{ $item->id }}">{{ $item->regions->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('tujuan_penilaian_id')
                                            <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 yang di tunjuk
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input
                                            class="input  @error('tanggal_kunjungan') border-danger bg-danger-light @enderror"
                                            type="text" name="penilai_tunjuk" value="">
                                    </div>
                                </div>


                                <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                                    <label class="form-label max-w-56">
                                        Jadwal Kunjungan
                                    </label>
                                    <div class="flex flex-wrap items-baseline w-full">
                                        <input
                                            class="input  @error('tanggal_kunjungan') border-danger bg-danger-light @enderror"
                                            type="date" name="tanggal_kunjungan" value="">
                                    </div>
                                </div>

                                <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
                                            class="input  @error('tanggal_kunjungan') border-danger bg-danger-light @enderror"
                                            type="date" name="tanggal_kunjungan" value="">
                                    </div>
                                </div>

                                <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  @error('keterangan') border-danger bg-danger-light  @enderror" rows="3"
                                            type="text" name="keterangan" value=""></textarea>
                                    </div>
                                </div>

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


                    </div>

                    <div class="divider"></div>
                    <div class="flex justify-end gap-2">
                        <button type="submit" class="btn btn-primary">
                            Save
                        </button>

                        <button type="submit" class="btn btn-info">
                            Assign
                        </button>

                        <button type="submit" class="btn btn-light">
                            Print From
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
@endsection