@extends('layouts.external.app')
@section('content')
<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">Tambah Jaminan Pelaksanaan</h3>
                    <h6 class="fw-normal mb-0">Kontra Bank Garansi <i class="fa fa-angle-double-right"> Tambah Jaminan Pelaksanaan</i></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">
                    <h4 class="card-title">Form Kontra Bank Garansi Jaminan Pelaksanaan</h4>
                    <form class="forms-sample">
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="exampleInputPassword4">Person / Agent</label>
                                <select name="" class="form-select">
                                    <option>Pilih Nama Person / Agent</option>
                                </select>
                            </div>
                            <div class="col-4">
                                <label for="exampleInputPassword4">Nama Perusahaan</label>
                                <select name="" class="form-select">
                                    <option>Pilih Nama Perusahaan</option>
                                </select>
                            </div>
                            <div class="col-4">
                                <label for="exampleInputPassword4">Nama Principal</label>
                                <select name="" class="form-select">
                                    <option>Pilih Nama Principal</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="exampleInputPassword4">Nomor SP3</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nama Perusahaan">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Tanggal SP3</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal SP3">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="exampleInputPassword4">Nomor Surat Pengajuan BG</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nomor Surat Pengajuan BG">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Tanggal Surat Pengajuan BG</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Surat Pengajuan BG">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="exampleInputPassword4">Nilai Penjaminan</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nilai Penjaminan">
                            </div>
                            <div class="col-4">
                                <label for="exampleInputPassword4">Nomor Kontrak</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nomor Kontrak">
                            </div>
                            <div class="col-4">
                                <label for="exampleInputPassword4">Tanggal Kontrak</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Kontrak">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="exampleTextarea1">Nama Obligee</label>
                            <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nama Obligee">
                        </div>
                        <div class="form-group">
                            <label for="exampleTextarea1">Alamat Obligee</label>
                            <textarea class="form-control" id="exampleTextarea1" rows="4" placeholder="Alamat Obligee...."></textarea>
                        </div>
                        <div class="form-group">
                            <label for="exampleTextarea1">Nama Proyek</label>
                            <textarea class="form-control" id="exampleTextarea1" rows="4" placeholder="Nama proyek...."></textarea>
                        </div>
                        <div class="form-group">
                            <label for="">Nilai Proyek</label>
                            <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Nilai Proyek">
                        </div>
                        <div class="form-group row">
                            <div class="col-4">
                                <label for="exampleInputPassword4">Tanggal Mulai</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Mulai">
                            </div>
                            <div class="col-4">
                                <label for="exampleInputPassword4">Jumlah Hari</label>
                                <input type="number" class="form-control form-control-sm" id="exampleInputPassword4" 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="ExampleRadio1" id="ExampleRadio1" 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="ExampleRadio1" id="ExampleRadio1" checked="">
                                                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="exampleInputPassword4">Tanggal Terbit</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Mulai">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Tanggal Kuitansi</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Mulai">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="exampleInputPassword4">Biaya Administrasi</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Mulai">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Biaya Materai</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="Tanggal Mulai">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="exampleInputPassword4">Jenis Agunan</label>
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Jenis Agunan (1)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Jenis Agunan (2)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Jenis Agunan (3)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Jenis Agunan (4)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Jenis Agunan (5)">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Nilai Agunan</label>
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Nilai Agunan (1)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Nilai Agunan (2)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Nilai Agunan (3)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Nilai Agunan (4)">
                                <input type="text" class="form-control form-control-sm" style="margin-bottom:10px" id="exampleInputPassword4" placeholder="Nilai Agunan (5)">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-6">
                                <label for="exampleInputPassword4">Nomor Surat Perusahaan BG</label>
                                <input type="text" class="form-control form-control-sm" id="exampleInputPassword4" placeholder="No. Telepon">
                            </div>
                            <div class="col-6">
                                <label for="exampleInputPassword4">Tanggal Surat Perusahaan BG</label>
                                <input type="date" class="form-control form-control-sm" id="exampleInputPassword4" 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="img[]" 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('kontrabankgaransi/jaminanpelaksanaan') }}" 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>
<!-- 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="assets/js/Chart.roundedBarCharts.js"></script> -->
<!-- End custom js for this page-->
<script>
    $(document).ready(function() {
        $('#example').DataTable();
    });
</script>
</body>

</html>
@endsection