lpj/resources/views/debitur/components/dokumen.blade.php

<form action="{{ isset($document->id) ? route('debitur.jaminan.update', ['id'=>$debitur->id,'jaminan'=>$document->id]) : route('debitur.jaminan.store',$debitur->id) }}" method="POST" class="grid gap-5" enctype="multipart/form-data">
    @if(isset($document->id))
        @method('PUT')
    @endif
    @csrf

    <div class="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
        <label class="form-label max-w-56">
            Debitur
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <input type="hidden" name="debiture_id" value="{{ $debitur->id ?? '' }}">
            <p class="text-base text-gray-700">{{ $debitur->name }} | {{ $debitur->address.', '.$debitur->village->name.', '.$debitur->city->name.', '.$debitur->province->name.', '.$debitur->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">
            Pemilik Jaminan
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <div class="input-group w-full">
                <select class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror" name="pemilik_jaminan_id" id="pemilik_jaminan_id">
                    <option value="">Pilih Pemilik Jaminan</option>
                    <option value="0">Sama Dengan Debitur</option>
                    @if(isset($pemilikJaminan))
                        @foreach($pemilikJaminan as $pemilik)
                            @if(isset($document))
                                <option value="{{ $pemilik->id }}" {{ isset($document->pemilik_jaminan_id) && $document->pemilik_jaminan_id == $pemilik->id?'selected' : '' }}>
                                    {{ $pemilik->name }}
                                </option>
                            @else
                                <option value="{{ $pemilik->id }}">
                                    {{ $pemilik->name }}
                                </option>
                            @endif
                        @endforeach
                    @endif
                </select>
                @if(isset($document->id))
                    <a href="{{ route('debitur.pemilik.create',$debitur->id) }}?from=update-document&document={{ $document->id }}" class="btn btn-light">
                        <i class="ki-outline ki-plus-squared"></i> Tambah Pemilik Jaminan
                    </a>
                @else
                    <a href="{{ route('debitur.pemilik.create',$debitur->id) }}?from=create-document" class="btn btn-light">
                        <i class="ki-outline ki-plus-squared"></i> Tambah Pemilik Jaminan
                    </a>
                @endif
            </div>
            @error('pemilik_jaminan_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">
            Jenis Jaminan
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <select onchange="getLegalitasJaminan()" class="input tomselect w-full @error('branch_id') border-danger bg-danger-light @enderror" name="jenis_jaminan_id" id="jenis_jaminan_id">
                <option value="">Pilih Jenis Jaminan</option>
                @foreach($jenisJaminan as $row)
                    @if(isset($document))
                        <option value="{{ $row->id }}" {{ isset($document->jenis_jaminan_id) && $document->jenis_jaminan_id == $row->id?'selected' : '' }}>
                            {{ $row->name }}
                        </option>
                    @else
                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                    @endif
                @endforeach
            </select>
            @error('jenis_jaminan_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">
            Jenis Legalitas 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="jenis_legalitas_jaminan_id" id="jenis_legalitas_jaminan_id">
                <option value="">Pilih Jenis Legalitas Jaminan</option>
                @foreach($jenisLegalitasJaminan as $row)
                    @if(isset($document))
                        <option value="{{ $row->id }}" {{ isset($document->jenis_legalitas_jaminan_id) && $document->jenis_legalitas_jaminan_id == $row->id?'selected' : '' }}>
                            {{ $row->name }}
                        </option>
                    @else
                        <option value="{{ $row->id }}">{{ $row->name }}</option>
                    @endif

                @endforeach
            </select>
            @error('jenis_legalitas_jaminan_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">
            Nama Dokumen
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <input class="input  @error('name') border-danger bg-danger-light @enderror" type="text " id="name" name="name" value="{{ $document->name ?? '' }}" placeholder="Nama Dokumen">
            @error('name')
            <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">
            Dokumen Jaminan
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <input class="file-input  @error('dokumen_jaminan') border-danger bg-danger-light @enderror" type="file" name="dokumen_jaminan" value="">
            @if(isset($document->dokumen_jaminan))
                <a href="{{ route('debitur.download',$document->id) }}" class="mt-1 badge badge-sm badge-outline">{{ basename($document->dokumen_jaminan) }}
                    <i class="ki-filled ki-cloud-download"></i></a>
            @endif
            @error('dokumen_jaminan')
            <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">
            Keterangan
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <textarea class="textarea  @error('keterangan') border-danger bg-danger-light @enderror" rows="3" type="number" name="keterangan"> {{ $document->keterangan ?? '' }}</textarea>
            @error('keterangan')
            <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">
            Address
        </label>
        <div class="flex flex-wrap items-baseline w-full">
            <div class="flex flex-col lg:flex-row gap-2 w-full">
                <div class="flex flex-wrap items-baseline w-full">
                    <select id="province_code" name="province_code" class="select w-full @error('province_code') border-danger bg-danger-light @enderror">
                        <option value="">Select Province</option>
                        @foreach($provinces as $province)
                            @if(isset($document))
                                <option value="{{ $province->code }}" {{ isset($document->province_code) && $document->province_code == $province->code?'selected' : '' }}>
                                    {{ $province->name }}
                                </option>
                            @else
                                <option value="{{ $province->code }}">
                                    {{ $province->name }}
                                </option>
                            @endif
      ;                  @endforeach
                    </select>
                    @error('province_code')
                    <em class="alert text-danger text-sm">{{ $message }}</em>
                    @enderror
                </div>
                <div class="flex flex-wrap items-baseline w-full">
                    <select id="city_code" name="city_code" class="select w-full @error('city_code') border-danger bg-danger-light @enderror">
                        <option value="">Select City</option>
                        @if(isset($cities))
                            @foreach($cities as $city)
                                @if(isset($document))
                                    <option value="{{ $city->code }}" {{ isset($document->city_code) && $document->city_code == $city->code?'selected' : '' }}>
                                        {{ $city->name }}
                                    </option>
                                @else
                                    <option value="{{ $city->code }}">
                                        {{ $city->name }}
                                    </option>
                                @endif
                            @endforeach

                        @endif
                    </select>
                    @error('city_code')
                    <em class="alert text-danger text-sm">{{ $message }}</em>
                    @enderror
                </div>
            </div>
            <div class="flex flex-col lg:flex-row gap-2 w-full mt-2 lg:mt-5">
                <div class="flex flex-wrap items-baseline w-full">
                    <select id="district_code" name="district_code" class="select w-full @error('district_code') border-danger bg-danger-light @enderror">
                        <option value="">Select District</option>
                        @if(isset($districts))
                            @foreach($districts as $district)
                                @if(isset($document))
                                    <option value="{{ $district->code }}" {{ isset($document->district_code) && $document->district_code == $district->code?'selected' : '' }}>
                                        {{ $district->name }}
                                    </option>
                                @else
                                    <option value="{{ $district->code }}">
                                        {{ $district->name }}
                                    </option>
                                @endif
                            @endforeach

                        @endif
                    </select>
                    @error('district_code')
                    <em class="alert text-danger text-sm">{{ $message }}</em>
                    @enderror
                </div>
                <div class="flex flex-wrap items-baseline w-full">
                    <select id="village_code" name="village_code" class="select w-full @error('district_code') border-danger bg-danger-light @enderror">
                        <option value="">Select Village</option>
                        @if(isset($villages))
                            @foreach($villages as $village)
                                @if(isset($document))
                                    <option value="{{ $village->code }}" {{ isset($document->village_code) && $document->village_code == $village->code?'selected' : '' }}>
                                        {{ $village->name }}
                                    </option>
                                @else
                                    <option value="{{ $village->code }}">
                                        {{ $village->name }}
                                    </option>
                                @endif
                            @endforeach

                        @endif
                    </select>
                    @error('district_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('postal_code') border-danger bg-danger-light @enderror" type="number" id="postal_code" name="postal_code" value="{{ $document->postal_code ?? '' }}" placeholder="Postal Code">
                    @error('postal_code')
                    <em class="alert text-danger text-sm">{{ $message }}</em>
                    @enderror
                </div>
            </div>
            <div class="flex flex-row w-full mt-2 lg:mt-5">
                <textarea class="textarea  @error('address') border-danger bg-danger-light @enderror" rows="3" type="number" id="address" name="address">{{ $document->address ?? '' }}</textarea>
                @error('address')
                <em class="alert text-danger text-sm">{{ $message }}</em>
                @enderror
            </div>
        </div>
    </div>
    <div class="flex justify-end">
        <button type="submit" class="btn btn-primary">
            Save
        </button>
    </div>
</form>

@push('scripts')
    <script>
       function getLegalitasJaminan() {
           var legalitasJaminan = document.getElementById('jenis_jaminan_id').value;
           var url = '/basic-data/jenis-jaminan/legalitas/' + legalitasJaminan;
           fetch(url, {
               method: 'GET',
               headers: {
                   'Content-Type': 'application/json'
               }
           })
               .then(response => {
                   if (!response.ok) {
                       throw new Error(`HTTP error! status: ${response.status}`);
                   }
                   return response.json();
               })
               .then(data => {
                   console.log(data);
                   // Process the received data here
               })
               .catch(error => {
                   console.error('Error:', error);
                   // Handle the error here
               });
       }
    </script>
@endpush