@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>

<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>
                        Tambah
                    </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('save.kbg') }}" enctype="multipart/form-data">
                        @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 @error('TypeJaminan') is-invalid @enderror">
                                    <option value="" disabled selected hidden>Pilih Type Jaminan</option>
                                    <option>PENAWARAN</option>
                                    <option>PELAKSANAAN</option>
                                    <option>UANG MUKA</option>
                                    <option>PEMELIHARAAN</option>
                                </select>
                                @error('TypeJaminan')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </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  @error('Bank') is-invalid @enderror js-example-basic-single">
                                    <option value="" disabled selected hidden>Pilih Perusahaan</option>
                                    @foreach($perusahaans as $phs)
                                    <option value="{{ $phs['id_cabang'] }}">{{ $phs['cabang']}}</option>
                                    @endforeach
                                </select>
                                @error('Bank')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </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 @error('CabangID') is-invalid @enderror">
                                    <option value="" disabled selected hidden>Pilih Nama Principal</option>
                                    @foreach($principles as $pls)
                                    <option value="{{ $pls['id_cabang'] }}">{{ $pls['cabang'] }}</option>
                                    @endforeach
                                </select>
                                @error('CabangID')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </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  @error('NomorSp3') is-invalid @enderror" name="NomorSp3" id="NomorSp3" placeholder="Nomor SP3">
                                @error('CabangID')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </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 @error('TglSp3') is-invalid @enderror" name="TglSp3" id="TglSp3" placeholder="Tanggal SP3">
                                @error('TglSp3')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </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" placeholder="Nomor Surat Pengajuan BG">
                            </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" placeholder="Tanggal Surat Pengajuan BG">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="NilaiPenjaminan">Nilai Penjaminan<span class="text-danger">*</span></label>
                                <input type="number" min="1" class="form-control form-control-sm @error('TglSp3') is-invalid @enderror" name="NilaiPenjaminan" id="NilaiPenjaminan" placeholder="Nilai Penjaminan">
                                @error('TglSp3')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                            <div class="col-4">
                                <label for="NomorKontrak">Nomor Kontrak</label>
                                <input type="text" class="form-control form-control-sm" name="NomorKontrak" id="NomorKontrak" placeholder="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" placeholder="Tanggal 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" placeholder="Nama Obligee">
                        </div>
                        <div class="form-group">
                            <label for="AlamatObligee">Alamat Obligee</label>
                            <textarea class="form-control" name="AlamatObligee" id="AlamatObligee" rows="4" placeholder="Alamat Obligee...."></textarea>
                        </div>
                        <div class="form-group">
                            <label for="NamaProyek">Nama Proyek</label>
                            <textarea class="form-control" name="NamaProyek" id="NamaProyek" rows="4" placeholder="Nama proyek...."></textarea>
                        </div>
                        <div class="form-group">
                            <label for="NilaiProyek">Nilai Proyek</label>
                            <input type="number" min="1" class="form-control form-control-sm" name="NilaiProyek" id="NilaiProyek" placeholder="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" placeholder="Tanggal Mulai">
                            </div>
                            <div class="col-4">
                                <label for="JumlahHari">Jumlah Hari<span class="text-danger">*</span></label>
                                <input type="number" min="1" inputmode="numeric" class="form-control form-control-sm" name="JumlahHari" id="JumlahHari" placeholder="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" placeholder="Tanggal Mulai">
                            </div>
                            <div class="col-6">
                                <label for="TglKwitansi">Tanggal Kuitansi</label>
                                <input type="date" class="form-control form-control-sm" name="TglKwitansi" id="TglKwitansi" placeholder="Tanggal Mulai">
                            </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)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan2" id="jenis_agunan2" placeholder="Jenis Agunan (2)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan3" id="jenis_agunan3" placeholder="Jenis Agunan (3)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan4" id="jenis_agunan4" placeholder="Jenis Agunan (4)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="jenis_agunan5" id="jenis_agunan5" placeholder="Jenis Agunan (5)">
                            </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)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan2" id="nilai_agunan2" placeholder="Nilai Agunan (2)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan3" id="nilai_agunan3" placeholder="Nilai Agunan (3)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan4" id="nilai_agunan4" placeholder="Nilai Agunan (4)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" name="nilai_agunan5" id="nilai_agunan5" placeholder="Nilai Agunan (5)">
                            </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" placeholder="Nomor Surat Perusahaan BG">
                            </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" placeholder="No. Fax">
                            </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" disabled placeholder="Upload Image">
                                <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