@extends('layouts.external.app')
@section('content')
<style>
    .tabel-edf3f4 {
        border-collapse: collapse;
        font-size: 13px;
        width: 100%;
    }

    .tabel-edf3f4 th,
    .tabel-edf3f4 td {
        border: 1px solid #edf3f4;
        padding: 8px;
        /* text-align: left; */
    }

    .tabel-edf3f4 tr>td:first-child,
    .tabel-edf3f4 tr>th:first-child {
        background-color: #edf3f4;
        color: #379ff8;
        font-weight: 600;
    }
</style>

@php
$data = $response['data'] ?? [];
$hasData = !empty($data) && !isset($api_error);
$id_surety = $data['IDSuretybond'] ?? '-';
$kode_agent = $data['KodeAgent'] ?? '-';
$sertifikat = $data['Sertifikat'] ?? '-';
$no_kertas = $data['NoKertas'] ?? '-';
$nama_perusahaan = $data['NamaPerusahaan'] ?? '-';
$alamat_perusahaan = $data['AlamatPerusahaan'] ?? '-';
$type_jaminan = $data['TypeJaminan'] ?? '-';
$nama_pejabat = $data['NamaPejabat'] ?? '-';
$jabatan = $data['Jabatan'] ?? '-';
$pnp_nilai_kontrak = $data['PnpNilaiKontrak'] ?? 0;
$persentase = $data['Persentase'] ?? 0;
$nilai_penjaminan = $data['NilaiPenjaminan'] ?? 0;
$ditujukan = $data['Ditujukan'] ?? '-';
$jenis_proyek = $data['JenisProyek'] ?? '-';
$pekerjaan = $data['Pekerjaan'] ?? '-';
$dinas_id = $data['DinasID'] ?? '-';
$tempat_lelang = $data['TempatLelang'] ?? '-';
$berita_acara = $data['BeritaAcara'] ?? '-';
$no_kontrak = $data['NoKontrak'] ?? '-';
$tgl_kontrak = $data['TglKontrak'] ?? '-';
$tgl_mulai = $data['TglMulai'] ?? '-';
$tgl_berakhir = $data['TglBerakhir'] ?? '-';
$jml_hari = $data['JmlHari'] ?? 0;
$is_kurang_hari = $data['IsKurangHari'] ?? 0;
$tgl_cetak = $data['TglCetak'] ?? '-';
$tgl_kwitansi = $data['TglKwitansi'] ?? '-';
$rate_id = $data['RateID'] ?? '-';
$rate_penjaminan = $data['RatePenjaminan'] ?? '-';
$ijp_nett = $data['IjpNett'] ?? 0;
$biaya_admin = $data['BiayaAdmin'] ?? 0;
$ijp_total = $data['IjpTotal'] ?? 0;
$file_permohonan = $data['FilePermohonan'] ?? '-';
$file_dinas = $data['FileDinas'] ?? '-';
$hps = $data['Hps'] ?? '-';
$lokasi_pekerjaan = $data['LokasiPekerjaan'] ?? '-';
$alamat_pemilik_pekerjaan = $data['AlamatPemilikPekerjaan'] ?? '-';
$sumber_dana = $data['SumberDana'] ?? '-';
$ket_sumber_dana = $data['KetSumberDana'] ?? '-';
$riwayat_jaminan = $data['RiwayatJaminan'] ?? '-';
$publikasi_negatif = $data['PublikasiNegatif'] ?? '-';
$sumber_publikasi_negatif = $data['SumberPublikasiNegatif'] ?? '-';
$ket_analis = $data['KetAnalis'] ?? '-';
$alasan_tolak_analis = $data['AlasantolakAnalis'] ?? '-';
$ket_checker = $data['KetChecker'] ?? '-';
$alasan_tolak_checker = $data['AlasantolakChecker'] ?? '-';
$keterangan = $data['Keterangan'] ?? '-';
$tgl_bayar = $data['TglBayar'] ?? '-';
$file_bayar = $data['FileBayar'] ?? '-';
$user_paid = $data['UserPaid'] ?? '-';
$tgl_update_paid = $data['TglUpdatePaid'] ?? '-';
$no_barcode = $data['NoBarcode'] ?? '-';
$no_barcode_hash = $data['NoBarcodeHash'] ?? '-';
$no_barcode_hash_link = $data['NoBarcodeHashLink'] ?? '-';
$status = $data['Status'] ?? '-';
$status_dokumen = $data['StatusDokumen'] ?? '-';
$created_at = $data['CreatedAt'] ?? '-';
$created_user = $data['UserInput'] ?? '-';
$updated_at = $data['UpdatedAt'] ?? '-';
$updated_user = $data['UpdatedUser'] ?? '-';
$approval = $data['Approval'] ?? '-';
$biaya_materai = $data['BiayaMaterai'] ?? 0;
$biaya_sertifikat = $data['BiayaSertifikat'] ?? 0;
$tempat_lelang = $data['TempatLelang'] ?? '-';
$no_spk = $data['NoSPK'] ?? '-';
$tgl_spk = $data['TglSPK'] ?? '-';
$berita_acara = $data['BeritaAcara'] ?? '-';
$tgl_berita_acara = $data['TglBeritaAcara'] ?? '-';

@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">Surety Bond Detail</h3>
                    <h6 class="fw-normal mb-0">
                        <a href="{{ url('v3/suretybond') }}" class="text-dark">
                            Surety Bond
                        </a>
                        <i class="fa fa-angle-double-right"></i>
                        Detail
                    </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(isset($api_error) && $api_error)
                        <div class="alert alert-danger">
                            <i class="fa fa-exclamation-triangle"></i> {{ $api_error }}
                        </div>
                    @elseif($hasData)
                        <!-- <h4 class="card-title">JT.P02-02.17.000438R</h4> -->
                        <h4 class="card-title">{{ $sertifikat }}</h4>
                        <p class="card-description">
                            @if($created_at && $created_at !== '-')
                            Created by <b>User {{ $created_user }}</b> on
                            <b>{{ \Carbon\Carbon::parse($created_at)->locale('id')->translatedFormat('d F Y') }}</b>
                            @else
                            Surety Bond Details
                            @endif
                        </p>
                        @else
                        <div class="alert alert-warning">
                            <i class="fa fa-info-circle"></i> Data surety bond tidak ditemukan.
                        </div>
                    @endif

                    @if($hasData)
                    <div class="row">
                        <div class="col-6">
                            <table class="tabel-edf3f4">
                                <tr>
                                    <td style="width:25%">Status</td>
                                    <td>{{ $status }}</td>
                                </tr>
                                <tr>
                                    <td>Type Jaminan</td>
                                    <td>{{ $type_jaminan }}</td>
                                </tr>
                                <tr>
                                    <td>No. Sertifikat</td>
                                    <td><b>{{ $sertifikat }}</b></td>
                                </tr>
                                <tr>
                                    <td>No. Kertas</td>
                                    <td><b>{{ $no_kertas }}</b></td>
                                </tr>
                                <tr>
                                    <td>Kode Agent</td>
                                    <td>{{ $kode_agent }}</td>
                                </tr>
                                <tr>
                                    <td>Nama Perusahaan</td>
                                    <td>{{ $nama_perusahaan }}</td>
                                </tr>
                                <tr>
                                    <td>Alamat Perusahaan</td>
                                    <td>{{ $alamat_perusahaan }}</td>
                                </tr>
                                <tr>
                                    <td>Nama Pejabat</td>
                                    <td>{{ $nama_pejabat }}</td>
                                </tr>
                                <tr>
                                    <td>Jabatan</td>
                                    <td>{{ $jabatan }}</td>
                                </tr>
                                <tr>
                                    <td>Ditujukan</td>
                                    <td style="word-wrap: break-word; max-width: 300px;">{{ $ditujukan }}</td>
                                </tr>
                                <tr>
                                    <td>Pekerjaan</td>
                                    <td style="word-wrap: break-word; max-width: 300px;">{{ $pekerjaan }}</td>
                                </tr>
                                <tr>
                                    <td>Sumber Dana</td>
                                    <td>{{ $sumber_dana }}</td>
                                </tr>
                                <tr>
                                    <td>No. & Tanggal Kontrak</td>
                                    <td><b>{{ $no_kontrak }}</b> tanggal <b>{{ $tgl_kontrak && $tgl_kontrak !== '-' ? \Carbon\Carbon::parse($tgl_kontrak)->format('d-m-Y') : '-' }}</b></td>
                                </tr>
                                <tr>
                                    <td>Jumlah Hari</td>
                                    <td>{{ $jml_hari }} hari</td>
                                </tr>
                                <tr>
                                    <td>Periode Pekerjaan</td>
                                    <td><b>{{ $tgl_mulai && $tgl_mulai !== '-' ? \Carbon\Carbon::parse($tgl_mulai)->format('d-m-Y') : '-' }}</b> s/d <b>{{ $tgl_berakhir && $tgl_berakhir !== '-' ? \Carbon\Carbon::parse($tgl_berakhir)->format('d-m-Y') : '-' }}</b></td>
                                </tr>
                                <tr>
                                    <td>Tanggal Cetak</td>
                                    <td>{{ $tgl_cetak && $tgl_cetak !== '-' ? \Carbon\Carbon::parse($tgl_cetak)->format('d-m-Y') : '-' }}</td>
                                </tr>
                                <tr>
                                    <td>Tanggal Kwitansi</td>
                                    <td>{{ $tgl_kwitansi && $tgl_kwitansi !== '-' ? \Carbon\Carbon::parse($tgl_kwitansi)->format('d-m-Y') : '-' }}</td>
                                </tr>
                                <tr>
                                    <td>Sumber Dana</td>
                                    <td>{{ $sumber_dana }}</td>
                                </tr>
                                @if ($type_jaminan === 'PENAWARAN')
                                    <tr>
                                        <td>Tempat Lelang</td>
                                        <td>{{ $tempat_lelang }}</td>
                                    </tr>
                                @elseif ($type_jaminan === 'PELAKSANAAN' || $type_jaminan === 'UANG MUKA')
                                    <tr>
                                        <td>No. SPK / SPPBJ</td>
                                        <td>{{ $no_spk }}</td>
                                    </tr>
                                    <tr>
                                        <td>Tanggal SPK / SPPBJ</td>
                                        <td>{{ $tgl_spk && $tgl_spk !== '-' ? \Carbon\Carbon::parse($tgl_spk)->format('d-m-Y') : '-' }}</td>
                                    </tr>
                                @elseif ($type_jaminan === 'PEMELIHARAAN')
                                    <tr>
                                        <td>No. Berita Acara</td>
                                        <td>{{ $berita_acara }}</td>
                                    </tr>
                                    <tr>
                                        <td>Tanggal Berita Acara</td>
                                        <td>{{ $tgl_berita_acara && $tgl_berita_acara !== '-' ? \Carbon\Carbon::parse($tgl_berita_acara)->format('d-m-Y') : '-' }}</td>
                                    </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-6">
                            <div style="text-align: center; border:1px solid #edf3f4">
                                <table class="tabel-edf3f4">
                                    <tr>
                                        <td style="width:30%; text-align:left">PnP Nilai Kontrak</td>
                                        <td style="text-align:right">Rp. {{ number_format($pnp_nilai_kontrak, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Persentase</td>
                                        <td style="text-align:right">{{ $persentase }}%</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Nilai Penjaminan</td>
                                        <td style="text-align:right">Rp. {{ number_format($nilai_penjaminan, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">IJP Nett</td>
                                        <td style="text-align:right">Rp. {{ number_format($ijp_nett, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Biaya Admin</td>
                                        <td style="text-align:right">Rp. {{ number_format($biaya_admin, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Biaya Materai</td>
                                        <td style="text-align:right">Rp. {{ number_format($biaya_materai, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Biaya Sertifikat</td>
                                        <td style="text-align:right">Rp. {{ number_format($biaya_sertifikat, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Total IJP</td>
                                        <td style="text-align:right">Rp. {{ number_format($ijp_total, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Sertifikat Surety Bond (PDF)</td>
                                        <td style="text-align:right">
                                            <a target="_blank" href="{{ route('surety.pdf', $tokenencrypted) }}" class="btn btn-outline-secondary btn-sm" style="border-radius: 10px;">
                                                <i class="fa fa-eye"></i> View
                                            </a>
                                        </td>
                                    </tr>
                                    @if($no_barcode_hash_link)
                                    <tr>
                                        <td style="text-align:left">QR Code Link</td>
                                        <td style="text-align:right">
                                            <div style="width:150px; height:150px; overflow:hidden;">
                                                <div style="width:100%; height:100%; display:flex; align-items:center; justify-content:center;">
                                                    <div style="max-width:100%; max-height:100%;">
                                                        {!! $qrcode !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endif

                                </table>

                                <!-- <img src="https://jamkrida-online.co.id/jateng/portal.guarantee/jkjtFiles/blanko/surety/{{ $no_barcode }}.png" width="150px" class="img-fluid mt-5 mb-5">
                                <a href class="btn btn-outline-secondary btn-fw"><i class="fa fa-eye"></i> View</a> -->
                            </div>

                            <div class="row" style="margin:3rem 0 0 0;">
                                <hr>
                                @if($no_barcode && $no_barcode !== '-')
                                <div class="col-6">
                                    <p style="font-size:13px;text-align:center; color: #379ff8;"><strong>No. Barcode</strong></p>
                                </div>
                                <div class="col-6">
                                    <p style="font-size:13px; text-align:center; color: #379ff8;"><strong>Status Dokumen</strong></p>
                                </div>
                                <hr>
                                <div class="col-6">
                                    <p style="font-size:13px">{{ $no_barcode }}</p>
                                </div>
                                <div class="col-6">
                                    <p style="font-size:13px; text-align:right">{{ $status_dokumen ?: 'Aktif' }}</p>
                                </div>
                                <hr>
                                @endif

                                @if($keterangan && $keterangan !== '-')
                                <div class="col-12">
                                    <p style="font-size:13px;text-align:center; color: #379ff8;"><strong>Keterangan</strong></p>
                                </div>
                                <hr>
                                <div class="col-12">
                                    <p style="font-size:13px">{{ $keterangan }}</p>
                                </div>
                                <hr>
                                @endif

                            </div>

                        </div>
                    </div>
                    @endif
                </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>

<script>
    $(document).ready(function() {
        $('#option-field').on
    });
</script>

</body>

</html>
@endsection