@extends('layouts.external.app')
@section('content')

<style>
    .select2-selection--single {
        border-radius: 5px !important;
        border: 1px solid #8c909a !important;
    }

    .select2-selection__rendered {
        font-size: 13px !important;
        position: absolute;
        top: 0px;
        left: 6px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px !important;
        position: absolute !important;
        top: -4px !important;
        right: 6px !important;
        width: 23px !important;
    }

    .select2-selection__arrow {
        height: 26px !important;
    }

    .select2-results__option[aria-selected] {
        cursor: pointer;
        background: #fff;
        color: #000;
    }

    .select2-search--dropdown {
        padding: 2px !important;
    }
</style>

@php

$data = $response['data'] ?? [];
$idkbg = $data['IDKbg'];
$bank = $data['Bank'];
$nama_perusahaan = $data['Perusahaan'];
$idcabang = $data['CabangID'];
$principle = $data['Principle'];
$tgl_buat = $data['CreatedAt'];
$nama_user = $data['NamaUser'];
$no_sertifikat = $data['Sertifikat'];
$tgl_sertifikat = $data['TglSertifikat'];
$status = $data['Status'];
$type_jaminan = $data['TypeJaminan'];
$alamat_perusahaan = $data['AlamatPerusahaan'];
$alamat_jaminan = $data['AlamatJaminan'];
$nomor_sp3 = $data['NomorSp3'];
$tgl_sp3 = $data['TglSp3'];
$nomor_kontrak = $data['NomorKontrak'];
$tgl_kontrak = $data['TglKontrak'];
$obligee = $data['Obligee'];
$alamat_obligee = $data['AlamatObligee'];
$nama_proyek = $data['NamaProyek'];
$jumlah_hari = $data['JumlahHari'];
$tgl_terbit = $data['TglTerbit'];
$tgl_start = $data['TglMulai'];
$tgl_end = $data['TglMulai'];
$tgl_terbit = $data['TglBerakhir'];
$tgl_kwitansi = $data['TglKwitansi'];
$nilai_penjaminan = $data['NilaiPenjaminan'];
$nilai_proyek = $data['NilaiProyek'];
$nilai_ijp = $data['NettIjp'];
$biaya_admin = $data['BiayaAdmin'];
$biaya_materai = $data['BiayaMaterai'];
$total_ijp = $data['TotalIjp'];
$share_ijp_jamkrida = $data['ShareInternal'];
$share_ijp_external = $data['ShareExternal'];
$data_agunan = $data['DataAgunan'];
$nomorpengajuanbg = $data['NomorPengajuanBg'];
$tglpengajuanbg = $data['TglPengajuanBg'];
$nomorperusahaanbg = $data['NomorPerusahaanBg'];
$tglperusahaanbg = $data['TglPerusahaanBg'];
$filesuratklien = $data['FileSuratKlien'];


@endphp

<div class="content-wrapper p-5">
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                    <h3 class="fw-bold">Kontra Bank Garansi</h3>
                    <h6 class="fw-normal mb-0">
                        Kontra Bank Garansi <i class="fa fa-angle-double-right"></i>
                        Edit
                    </h6>
                </div>
                <div class="col-12 col-xl-4">
                    <div class="justify-content-end d-flex">
                        <div class="dropdown flex-md-grow-1 flex-xl-grow-0">
                            <!-- <button class="btn btn-sm btn-light bg-white dropdown-toggle" type="button" id="dropdownMenuDate2"
                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                <i class="mdi mdi-calendar"></i> Today (10 Jan 2021)
                            </button>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuDate2">
                                <a class="dropdown-item" href="#">January - March</a>
                                <a class="dropdown-item" href="#">March - June</a>
                                <a class="dropdown-item" href="#">June - August</a>
                                <a class="dropdown-item" href="#">August - November</a>
                            </div> -->
                            <!-- <a href="{{ url('dataperusahaan/tambah') }}" class="btn btn-primary btn-sm"><i class="fa fa-plus"> Perusahaan</i></a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif
                    <h4 class="card-title">Form Kontra Bank Garansi Jaminan Pelaksanaan</h4>
                    <form class="forms-sample" method="post" action="{{ route('update.kbg', $idkbg)  }}">
                        @csrf
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="TypeJaminan">Type Jaminan<span class="text-danger">*</span></label>
                                <select data-placeholder="Pilih Nama Perusahaan" name="TypeJaminan" class="form-select form-select-sm">
                                    <option value="" disabled {{ $type_jaminan === '-' ? 'selected' : '' }} hidden>Pilih Type Jaminan</option>
                                    <option value="PENAWARAN" {{ $type_jaminan === 'PENAWARAN' ? 'selected' : '' }}>PENAWARAN</option>
                                    <option value="PELAKSANAAN" {{ $type_jaminan === 'PELAKSANAAN' ? 'selected' : '' }}>PELAKSANAAN</option>
                                    <option value="UANG MUKA" {{ $type_jaminan === 'UANG MUKA' ? 'selected' : '' }}>UANG MUKA</option>
                                    <option value="PEMELIHARAAN" {{ $type_jaminan === 'PEMELIHARAAN' ? 'selected' : '' }}>PEMELIHARAAN</option>
                                </select>
                            </div>
                            <div class="col-4">
                                <label for="Bank">Nama Perusahaan<span class="text-danger">*</span></label>
                                <select data-placeholder="Pilih Nama Perusahaan" name="Bank" class="form-select form-select-sm  js-example-basic-single">
                                    <option value="" disabled selected hidden>Pilih Perusahaan</option>
                                    <option value="{{ $bank }}" selected>{{ $nama_perusahaan }}</option>
                                    @foreach($perusahaans as $phs)
                                    <option value="{{ $phs['id_cabang'] }}">{{ $phs['cabang']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-4">
                                <label for="CabangID">Nama Principal<span class="text-danger">*</span></label>
                                <select data-placeholder="Pilih Nama Principal" name="CabangID" class="form-select form select-sm js-example-basic-single">
                                    <option value="" disabled selected hidden>Pilih Nama Principal</option>
                                    <option value="{{ $idcabang }}" selected>{{ $principle }}</option>
                                    @foreach($principles as $pls)
                                    <option value="{{ $pls['id_cabang'] }}">{{ $pls['cabang'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="NomorSp3">Nomor SP3<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" name="NomorSp3" id="NomorSp3" value="{{ $nomor_sp3 }}">
                            </div>
                            <div class="col-6">
                                <label for="TglSp3">Tanggal SP3<span class="text-danger">*</span></label>
                                <input type="date" class="form-control form-control-sm" name="TglSp3" id="TglSp3" value="{{ $tgl_sp3 }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="NomorPengajuanBg">Nomor Surat Pengajuan BG</label>
                                <input type="text" class="form-control form-control-sm" name="NomorPengajuanBg" id="NomorPengajuanBg" value="{{ $nomorpengajuanbg }}">
                            </div>
                            <div class="col-6">
                                <label for="TglPengajuanBg">Tanggal Surat Pengajuan BG</label>
                                <input type="date" class="form-control form-control-sm" name="TglPengajuanBg" id="TglPengajuanBg" value="{{ $tglpengajuanbg }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="NilaiPenjaminan">Nilai Penjaminan<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" name="NilaiPenjaminan" id="NilaiPenjaminan" value="{{ $nilai_penjaminan }}">
                            </div>
                            <div class="col-4">
                                <label for="NomorKontrak">Nomor Kontrak</label>
                                <input type="text" class="form-control form-control-sm" name="NomorKontrak" id="NomorKontrak" value="{{ $nomor_kontrak }}">
                            </div>
                            <div class="col-4">
                                <label for="TglKontrak">Tanggal Kontrak</label>
                                <input type="date" class="form-control form-control-sm" name="TglKontrak" id="TglKontrak" value="{{ $tgl_kontrak }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Obligee">Nama Obligee</label>
                            <input type="text" class="form-control form-control-sm" name="Obligee" id="Obligee" value="{{ $obligee }}">
                        </div>
                        <div class="form-group">
                            <label for="AlamatObligee">Alamat Obligee</label>
                            <textarea class="form-control" name="AlamatObligee" id="AlamatObligee" rows="4">{{ $alamat_obligee }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="NamaProyek">Nama Proyek</label>
                            <textarea class="form-control" name="NamaProyek" id="NamaProyek" rows="4">{{ $nama_proyek }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="NilaiProyek">Nilai Proyek</label>
                            <input type="text" class="form-control form-control-sm" name="NilaiProyek" id="NilaiProyek" value="{{ $nilai_proyek }}">
                        </div>
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="TglMulai">Tanggal Mulai</label>
                                <input type="date" class="form-control form-control-sm" name="TglMulai" id="TglMulai" value="{{ $tgl_start }}">
                            </div>
                            <div class="col-4">
                                <label for="JumlahHari">Jumlah Hari<span class="text-danger">*</span></label>
                                <input type="number" class="form-control form-control-sm" name="JumlahHari" id="JumlahHari" value="{{ $jumlah_hari }}">
                            </div>
                            <div class="col-4">
                                <label for="kategori">Pengurangan Hari</label>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-check form-check-primary">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="IsKurangHari" id="IsKurangHari" value="1" checked>
                                                1 (tanggal akhir-1)
                                                <i class="input-helper"></i>
                                                <i class="input-helper"></i></label>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-check form-check-primary">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="IsKurangHari" id="IsKurangHari" value="0">
                                                0 (tanggal ke tanggal)
                                                <i class="input-helper"></i>
                                                <i class="input-helper"></i></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="TglTerbit">Tanggal Terbit</label>
                                <input type="date" class="form-control form-control-sm" name="TglTerbit" id="TglTerbit" value="{{ $tgl_terbit }}">
                            </div>
                            <div class="col-6">
                                <label for="TglKwitansi">Tanggal Kuitansi</label>
                                <input type="date" class="form-control form-control-sm" name="TglKwitansi" id="TglKwitansi" value="{{ $tgl_kwitansi }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="BiayaAdmin">Biaya Administrasi<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" name="BiayaAdmin" id="BiayaAdmin" placeholder="Tanggal Mulai" value="{{ $biayaAdmin }}">
                            </div>
                            <div class="col-6">
                                <label for="BiayaMaterai">Biaya Materai<span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-sm" name="BiayaMaterai" id="BiayaMaterai" value="{{ $biayaMaterai }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="jenis_agunan">Jenis Agunan</label>
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan1" id="jenis_agunan1" placeholder="Jenis Agunan (1)" value="{{ $data_agunan[0]['jenis_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan2" id="jenis_agunan2" placeholder="Jenis Agunan (2)" value="{{ $data_agunan[1]['jenis_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan3" id="jenis_agunan3" placeholder="Jenis Agunan (3)" value="{{ $data_agunan[2]['jenis_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan4" id="jenis_agunan4" placeholder="Jenis Agunan (4)" value="{{ $data_agunan[3]['jenis_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan5" id="jenis_agunan5" placeholder="Jenis Agunan (5)" value="{{ $data_agunan[4]['jenis_agunan'] ?? null }}">
                            </div>
                            <div class="col-6">
                                <label for="nilai_agunan">Nilai Agunan</label>
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan1" id="nilai_agunan1" placeholder="Nilai Agunan (1)" value="{{ $data_agunan[0]['nilai_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan2" id="nilai_agunan2" placeholder="Nilai Agunan (2)" value="{{ $data_agunan[1]['nilai_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan3" id="nilai_agunan3" placeholder="Nilai Agunan (3)" value="{{ $data_agunan[2]['nilai_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan4" id="nilai_agunan4" placeholder="Nilai Agunan (4)" value="{{ $data_agunan[3]['nilai_agunan'] ?? null }}">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan5" id="nilai_agunan5" placeholder="Nilai Agunan (5)" value="{{ $data_agunan[4]['nilai_agunan'] ?? null }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="NomorPerusahaanBg">Nomor Surat Perusahaan BG</label>
                                <input type="text" class="form-control form-control-sm" name="NomorPerusahaanBg" id="NomorPerusahaanBg" value="{{ $nomorperusahaanbg }}">
                            </div>
                            <div class="col-6">
                                <label for="TglPerusahaanBg">Tanggal Surat Perusahaan BG</label>
                                <input type="date" class="form-control form-control-sm" name="TglPerusahaanBg" id="TglPerusahaanBg" value="{{ $tglperusahaanbg }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Upload Dokumen Surat Klien <small class="text-danger">(Ext. image/pdf max. 5MB)</small></label>
                            <input type="file" name="fileSuratKlien" class="file-upload-default">
                            <div class="input-group col-xs-12 d-flex align-items-center">
                                <input type="text" class="form-control form-control-sm file-upload-info" readonly placeholder="Upload Image" name="FileKlien" id="FileKlien" value="{{ $filesuratklien }}">
                                <span class="input-group-append ms-2">
                                    <button class="file-upload-browse btn btn-primary" type="button">Upload</button>
                                </span>
                            </div>
                        </div>
                        <a href="{{ url('v3/kontrabankgaransi') }}" class="btn btn-light"><i class="fa fa-angle-left"></i> Kembali</a>
                        <button type="submit" class="btn btn-primary me-2">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- partial:partials/_footer.html -->
@include('partials.external.footer')
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="{{ url('/') }}/skydash/src/assets/vendors/js/vendor.bundle.base.js"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="{{ url('/') }}/skydash/src/assets/vendors/chart.js/chart.umd.js"></script>

<!-- Datatables -->
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.min.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.bootstrap5.min.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dataTables.select.min.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/vendors/select2/select2.min.js"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="{{ url('/') }}/skydash/src/assets/js/off-canvas.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/template.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/settings.js"></script>
<script src="assets/js/todolist.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<script src="{{ url('/') }}/skydash/src/assets/js/jquery.cookie.js" type="text/javascript"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/dashboard.js"></script>
<script src="{{ url('/') }}/skydash/src/assets/js/file-upload.js"></script>
<!-- End custom js for this page-->
<script>
    $(document).ready(function() {
        $('#example').DataTable();
    });
</script>
<script>
    $(document).ready(function() {
        $('.js-example-basic-single').select2();
    });
</script>
</body>

</html>
@endsection