@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">Dashboard {{$user->id_encrypt}}</h3>
                    <h6 class="fw-normal mb-0">Non Penjaminan</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>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 grid-margin transparent">
            <div class="row">
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-tale">
                        <p class="mb-2">&nbsp;</p>
                        <div class="card-body" style="
                            display: flex;
                            align-items: center;
                            justify-content: space-evenly;
                        ">
                            <h1 class="mb-0"><i class="fa fa-building text-light"></i></h1>
                            <div>
                                <p class="fs-30 mb-2 text-light">47033</p>
                                <p class="card-title mb-0 text-light">Perusahaan</p>
                            </div>
                        </div>
                        <p class="mb-2">&nbsp;</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-dark-blue">
                        <p class="mb-2">&nbsp;</p>
                        <div class="card-body" style="
                            display: flex;
                            align-items: center;
                            justify-content: space-evenly;
                        ">
                            <h1 class="mb-0"><i class="fa fa-desktop text-light"></i></h1>
                            <div>
                                <p class="fs-30 mb-2 text-light">47033</p>
                                <p class="card-title mb-0 text-light">Surety Bond</p>
                            </div>
                        </div>
                        <p class="mb-2">&nbsp;</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-light-blue">
                        <p class="mb-2">&nbsp;</p>
                        <div class="card-body" style="
                            display: flex;
                            align-items: center;
                            justify-content: space-evenly;
                        ">
                            <h1 class="mb-0"><i class="fa fa-file-text text-light"></i></h1>
                            <div>
                                <p class="fs-30 mb-2 text-light">47033</p>
                                <p class="card-title mb-0 text-light">Bank Garansi</p>
                            </div>
                        </div>
                        <p class="mb-2">&nbsp;</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-light-danger">
                        <p class="mb-2">&nbsp;</p>
                        <div class="card-body" style="
                            display: flex;
                            align-items: center;
                            justify-content: space-evenly;
                        ">
                            <h1 class="mb-0"><i class="fa fa-database text-light"></i></h1>
                            <div>
                                <p class="fs-30 mb-2 text-light">47033</p>
                                <p class="card-title mb-0 text-light">Klaim</p>
                            </div>
                        </div>
                        <p class="mb-2">&nbsp;</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <p class="card-title mb-0">Surety Bond</p>
                    <div class="table-responsive">
                        <table class="table table-striped table-borderless">
                            <thead>
                                <tr>
                                    <th>Status</th>
                                    <th>Nilai Penjaminan (Rp.)</th>
                                    <th>Nett IJP (Rp.)</th>
                                    <th>Jumlah</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td align="right" class="fw-bold">4.477.000.000</td>
                                    <td align="right" class="fw-bold">21.020.000</td>
                                    <td align="center"><span class="label label-info">7</span></td>
                                </tr>
                                <tr>
                                    <td>BATAL</td>
                                    <td align="right" class="fw-bold">878.260.750</td>
                                    <td align="right" class="fw-bold">26.398.944</td>
                                    <td align="center"><span class="label label-info">8</span></td>
                                </tr>
                                <tr>
                                    <td>PENDING</td>
                                    <td align="right" class="fw-bold">3.593.744.400</td>
                                    <td align="right" class="fw-bold">20.691.935</td>
                                    <td align="center"><span class="label label-info">3</span></td>
                                </tr>
                                <tr>
                                    <td>BATAL KHUSUS</td>
                                    <td align="right" class="fw-bold">2.000.000</td>
                                    <td align="right" class="fw-bold">23.220</td>
                                    <td align="center"><span class="label label-info">1</span></td>
                                </tr>
                                <tr>
                                    <td>PROSES VERIFIKASI</td>
                                    <td align="right" class="fw-bold">47.500.050</td>
                                    <td align="right" class="fw-bold">3.800.010</td>
                                    <td align="center"><span class="label label-info">4</span></td>
                                </tr>
                                <tr>
                                    <td>REJECT REVISI</td>
                                    <td align="right" class="fw-bold">4.050.000.000</td>
                                    <td align="right" class="fw-bold">14.225.000</td>
                                    <td align="center"><span class="label label-info">1</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Bank Garansi</h4>
                    <table class="table table-striped table-borderless">
                        <thead>
                            <tr>
                                <th>Status</th>
                                <th>Nilai Penjaminan (Rp.)</th>
                                <th>Nett IJP (Rp.)</th>
                                <th>Jumlah</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>BATAL</td>
                                <td align="right" class="fw-bold">878.260.750</td>
                                <td align="right" class="fw-bold">26.398.944</td>
                                <td align="center"><span class="label label-info">8</span></td>
                            </tr>
                            <tr>
                                <td>BERAKHIR</td>
                                <td align="right" class="fw-bold">3.593.744.400</td>
                                <td align="right" class="fw-bold">20.691.935</td>
                                <td align="center"><span class="label label-info">3</span></td>
                            </tr>
                        </tbody>
                    </table>
                </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 class="table table-striped table-borderless">
                            <thead>
                                <tr>
                                    <th class="text-center">Sertifikat</th>
                                    <th class="text-center">No. Kertas</th>
                                    <th class="text-center">Nama Perusahaan</th>
                                    <th class="text-center">Pekerjaan</th>
                                    <th class="text-center">Status</th>
                                    <th class="text-center">
                                        Alasan<br>
                                        Reject/Pending
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                                <tr>
                                    <td>JT.SB.02.02.24.012123</td>
                                    <td>JJT012123</b></td>
                                    <td>PT. JAMKRIDA JATENG</b></td>
                                    <td>Pembangunan Gedung Kantor</b></td>
                                    <td>
                                        <div class="badge badge-danger">REJECT REVISI</div>
                                    </td>
                                    <td>cek mundur 20%</td>
                                    <td>
                                        <a class="orange" href="jjt.php?op=mlGe_uX1QPbqZjF.c0vVmIA9CSC_yPUCy6ecyyji92E4shr_VK7i73FGIsZRUoqZrzf4HCZGXNLdqq1Mu2VXWA--&amp;opp=KpUfXqm1O2o3FV8XdxN0uKL8CGy8yYNJeR4trt2JZnmPqQokt5BE9EDZOnVQ_pH8f0C3Iu1qbFcXr2ZUbL1IUw--&amp;ox=P4VuAHo9MnHBLmH4a5DFlsGtNrU4l960zZM2ijlHOYiOAWQWSl2CuyY4HnczvyAlwJYAhQ0kS1heEIAW1DuddQ--&amp;idj=TXIaTcor9kBxhgeENRIL5psTIUKOoQ0dcgn2CxGL4.oaxTl29BK3qlZyIvU7EchgV_aplsEzr9jRD2rirSbl9w--&amp;c=N_AJ0w78fpey_S4r6.Wt1KqCrqQs6pK9.4x9PHzElGH_MhAFCpJN63Bbad9ZsvnySAEQaB3XXIEVjdKbyRLSMw--" tooltip-info="" data-rel="tooltip" data-placement="top" title="Edit Data"><i class="ace-icon fa fa-pencil bigger-150"></i></a>
                                    </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>
<script src="assets/vendors/datatables.net/jquery.dataTables.js"></script>
<!-- <script src="assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js"></script> -->
<script src="{{ url('/') }}/skydash/src/assets/vendors/datatables.net-bs5/dataTables.bootstrap5.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-->
</body>

</html>
@endsection