@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">Jaminan Uang Muka</h3>
                    <h6 class="fw-normal mb-0">Kontra Bank Garansi <i class="fa fa-angle-double-right"> </i> Jaminan Uang Muka</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('kontrabankgaransi/jaminanuangmuka/tambah') }}" class="btn btn-primary btn-sm"><i class="fa fa-plus"> Jaminan Uang Muka</i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <!-- <p class="card-title mb-0">Data Penjaminan <small><i class="fa fa-angle-double-right"></i> Reject</small></p> -->
                    <div class="table-responsive">
                        <table id="example" class="table table-striped table-borderless">
                            <thead>
                                <tr>
                                    <th class="text-center" style="font-size: 11px;">#</th>
                                    <th class="text-center" style="font-size: 11px;">Jaminan</th>
                                    <th class="text-center" style="font-size: 11px;">Sertifikat / <br>SP3</th>
                                    <th class="text-center" style="font-size: 11px;">Nama <br>Perusahaan</th>
                                    <th class="text-center" style="font-size: 11px;">Principal</th>
                                    <th class="text-center" style="font-size: 11px;">Obligee</th>
                                    <th class="text-center" style="font-size: 11px;">Dinas</th>
                                    <th class="text-center" style="font-size: 11px;">Wilayah</th>
                                    <th class="text-center" style="font-size: 11px;">Nilai <br>Penjaminan</th>
                                    <th class="text-center" style="font-size: 11px;">Nilai <br> Nett IJP</th>
                                    <th class="text-center" style="font-size: 11px;">Tgl. Bayar</th>
                                    <th class="text-center" style="font-size: 11px;">Dok. Khusus</th>
                                    <th class="text-center" style="font-size: 11px;">User & Tgl Input</th>
                                    <th class="text-center" style="font-size: 11px;">Debitnote</th>
                                    <th class="text-center" style="font-size: 11px;">Status</th>
                                    <th class="text-center" style="font-size: 11px;">Dokumen</th>
                                    <th class="text-center" style="font-size: 11px;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;width:3%" align="center" valign="top">1</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">PELAKSANAAN</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"><strong>-B-B-128292392</strong></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">PT. BANK KB BUKOPIN TBK CABANG KUDUS</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">DEMO 11</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">Testing</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"> </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">150.000.000</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">710.000</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"><strong></strong></td>
                                    <td style="font-size:11px;line-height:15px;" class="text-center">
                                        <a href="jjt.php?op=nINNu895miLCsmeGG18qs8CnQ3OldjgCKS.X6X9G4PB.uN308r8vR72OjzOoISoVvvbrIuvRLPu_zjrcYKET3Q--&amp;opp=pejgFAS03_kWwna3PwBC94f3oc60Vc_lQH0bGPK7Rtrgv9Tw6CTTBKpN0Gly_OejWPzDUcFVwCWBmXEE9tMMvA--&amp;c=6od_yZ9.gcegPWjTbrPGamR3dJXPm2v7rQ81uMvh42vl.rJ9NvzNyE9UAGPBtl1pOR9f8SAHFbzFHBnAXsGYXg--" title="Upload dokumen file khusus">
                                            <div class="badge badge-secondary">
                                                <i class="fa fa-upload"></i> Upload
                                            </div>
                                        </a>
                                    </td>
                                    <td class="text-center" style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">
                                        <div class="badge badge-success mb-2" style="font-size: 11px;">
                                            DEMO SURETY
                                        </div>
                                        15-05-2024
                                    </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">
                                        <strong>20-12-2024</strong>
                                    </td>
                                    <td class="text-center" style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">
                                        <div class="badge badge-danger" style="font-size: 11px;">
                                            TIDAK TERBIT
                                        </div>
                                    </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;" class="text-center">
                                        <div class="button-group">
                                            <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 14px;padding:6px">
                                                Action
                                            </button>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <a class="dropdown-item" title="Detail" href="{{ url('kontrabankgaransi/jaminanuangmuka/detail') }}" style="font-size:15px">
                                                        Detail
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="dropdown-item" title="Detail" onclick="newWindow(9014)" target="_blank" style="font-size:15px">
                                                        Edit Data
                                                    </a>
                                                </li>
                                                <li>
                                                    <hr class="dropdown-divider">
                                                </li>
                                                <li>
                                                    <a class="dropdown-item text-danger" title="Hapus" href="jjt.php?op=MYF9EmnLbrJpyI_VrpB._r0Z4skaZCrsm_2VmH5NLwPb6rB2l7rz0LB_PCDaERGi260hxskA3gwQPN589SBm2w--&amp;opp=AsLWEBB.33z6eoOKtTSvQVFFJ.zVex1BOPU1OGLjE_wDkRtQv8oTPTonuLMe7EgZwQRhuGg188plkRO7UTuuQw--&amp;c=1rMSYFSM85i8sCelmb2Abo_z2q1oq0vLbmRYK7ohgbmHWUTSO70KL59FhUOA.7FWDtYuxvV_1PaGGRwj5ZOuQw--" target="_blank" style="font-size: 15px;">
                                                        <i class="fa fa-times-circle-o"></i> Request Pembatalan
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="tableentry2">
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;" align="center" valign="top">2</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">PELAKSANAAN</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"><strong>JT.BG.02.09.21.00012-DMKBG111</strong></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">PT. BANK KB BUKOPIN TBK CABANG KUDUS</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">PT. BOKAMA REKA JAYA</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">TES</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"> </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">100.000.000</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">830.000</td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"><strong>20-09-2021</strong></td>
                                    <td style="word-break: break-word; white-space:normal;font-size:21px;" class="text-center">
                                        <a href="jkjtFiles/jkjt_doc/2109/dokumenkhusus_SPBBJ_5898_lampiran-surat.pdf" target="_blank">
                                            <i class="fa fa-file-pdf-o text-danger"></i>
                                        </a>
                                    </td>
                                    <td class="text-center" style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">
                                        <div class="badge badge-success mb-2" style="font-size:11px">
                                            DEMO SURETY
                                        </div>
                                        20-09-2021
                                    </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;"><strong>20-09-2021</strong></td>
                                    <td class="text-center" style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;">
                                        <div class="badge badge-secondary" style="font-size:11px">
                                            BERAKHIR
                                        </div>
                                    </td>
                                    <td style="word-break: break-word; white-space:normal;font-size:21px;">
                                        <a class="blue" target="_blank" href="report/rPDFs.php?opp=f9DRZlIlNoN6OhJA1rq.nZ55gk8MZMPZ6tPKXzsWPshdXtFcEWm8NoG9BEN2Me_4.oKlK4X3zI8bIFuYHtWg0w--&amp;c=0c4q0BnTkCG.GqU2iwLAHdvlaipvYVSj19bk0wsJmMW_DgDt7krgInAJ0s1ahJwETBRwi6qNmrZQbbv.sLKwe3kxX1XmX2SX26M4uxxtu7PtmkEtVqcpNZp6y7E6RgaA" tooltip-info="" data-rel="tooltip" data-placement="top" title="" data-original-title="Lihat Data SP3">
                                            <i class="fa fa-file-pdf-o text-danger"></i>
                                        </a>
                                    </td>

                                    <td style="word-break: break-word; white-space:normal;font-size:11px;line-height:15px;" class="text-center">
                                        <div class="button-group">
                                            <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 14px;padding:6px">
                                                Action
                                            </button>
                                            <ul class="dropdown-menu" style="">
                                                <li>
                                                    <a class="dropdown-item" title="Detail" onclick="newWindow(9014)" target="_blank" style="font-size:15px">
                                                        Detail
                                                    </a>
                                                </li>
                                                <li>
                                                    <a class="dropdown-item" title="Detail" onclick="newWindow(9014)" target="_blank" style="font-size:15px">
                                                        Edit Data
                                                    </a>
                                                </li>
                                                <li>
                                                    <hr class="dropdown-divider">
                                                </li>
                                                <li>
                                                    <a class="dropdown-item text-danger" title="Hapus" href="jjt.php?op=MYF9EmnLbrJpyI_VrpB._r0Z4skaZCrsm_2VmH5NLwPb6rB2l7rz0LB_PCDaERGi260hxskA3gwQPN589SBm2w--&amp;opp=AsLWEBB.33z6eoOKtTSvQVFFJ.zVex1BOPU1OGLjE_wDkRtQv8oTPTonuLMe7EgZwQRhuGg188plkRO7UTuuQw--&amp;c=1rMSYFSM85i8sCelmb2Abo_z2q1oq0vLbmRYK7ohgbmHWUTSO70KL59FhUOA.7FWDtYuxvV_1PaGGRwj5ZOuQw--" target="_blank" style="font-size: 15px;">
                                                        <i class="fa fa-times-circle-o"></i> Request Pembatalan
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </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