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

    .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);
$sertifikat = $data['Sertifikat'] ?? '-';
$created_user = $data['UserInput'] ?? '-';
$created_at = $data['CreatedAt'] ?? '-';
$status = $data['Status'] ?? '-';
$nomorPolis = $data['NomorPolis'] ?? '-';
$typeJaminan = $data['TypeJaminan'] ?? '-';
$penjamin = $data['Suretyship'] ?? '-';
$penanggungJawab = $data['PenanggungJawab'] ?? '-';
$jabatan = $data['Jabatan'] ?? '-';
$principal = $data['Principal'] ?? '-';
$dokumenSumber = $data['DokumenSumber'] ?? '-';
$nomorDokumen = $data['NomorDokumen'] ?? '-';
$tglDokumen = $data['TglDokumen'] ?? '-';
$nomorDokumenSKEP = $data['NomorDokumenSkep'] ?? '-';
$tglDokumenSKEP = $data['TglDokumenSkep'] ?? '-';
$nomorRegistrasi = $data['NomorRegistrasi'] ?? '-';
$jmlHari = $data['JmlHari'] ?? '-';
$tglMulai = $data['TglMulai'] ?? '-';
$tglBerakhir = $data['TglBerakhir'] ?? '-';
$tglTerbit = $data['TglTerbit'] ?? '-';
$tglKuitansi = $data['TglKuitansi'] ?? '-';
$nilaiKuitansi = $data['NilaiKuitansi'] ?? 0;
$nilaiPenjaminan = $data['NilaiJaminan'] ?? 0;
$beaMasuk = $data['BeaMasuk'] ?? 0;
$ijpNett = $data['IjpNett'] ?? 0;

@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">Custom Bond Detail</h3>
                    <h6 class="fw-normal mb-0">
                        <a href="{{ url('v3/suretybond') }}" class="text-dark">
                            Custom 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">
                        </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">{{ $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
                            Custom Bond Details
                            @endif
                        </p>
                        @else
                        <div class="alert alert-warning">
                            <i class="fa fa-info-circle"></i> Data Custom Bond tidak ditemukan.
                        </div>
                    @endif

                    @if($hasData)
                    <div class="row">
                        <div class="col-6">
                            <table class="tabel-edf3f4">
                                <tr>
                                    <td>Status</td>
                                    <td>{{ $status }}</td>
                                </tr>
                                <tr>
                                    <td>Nomor Polis</td>
                                    <td><b>{{ $nomorPolis }}</b></td>
                                </tr>
                                <tr>
                                    <td>Type Jaminan</td>
                                    <td><b>{{ $typeJaminan }}</b></td>
                                </tr>
                                <tr>
                                    <td>Penjamin</td>
                                    <td>{{ $penjamin }}</td>
                                </tr>
                                <tr>
                                    <td>Penanggung Jawab</td>
                                    <td>{{ $penanggungJawab }}</td>
                                </tr>
                                <tr>
                                    <td>Principal</td>
                                    <td>{{ $principal }}</td>
                                </tr>
                                <tr>
                                    <td>Dokumen Sumber</td>
                                    <td>{{ $dokumenSumber }}</td>
                                </tr>
                                <tr>
                                    <td>No. & Tanggal Dokumen</td>
                                    <td><b>{{ $nomorDokumen }}</b> tanggal <b>{{ $tglDokumen && $tglDokumen !== '-' ? \Carbon\Carbon::parse($tglDokumen)->format('d-m-Y') : '-' }}</b></td>
                                </tr>
                                <tr>
                                    <td>No. & Tanggal Dokumen SKEP</td>
                                    <td><b>{{ $nomorDokumenSKEP }}</b> tanggal <b>{{ $tglDokumenSKEP && $tglDokumenSKEP !== '-' ? \Carbon\Carbon::parse($tglDokumenSKEP)->format('d-m-Y') : '-' }}</b></td>
                                </tr>
                                <tr>
                                    <td>Nomor Registrasi</td>
                                    <td>{{ $nomorRegistrasi }}</td>
                                </tr>
                                <tr>
                                    <td>Jumlah Hari</td>
                                    <td>{{ $jmlHari }} hari</td>
                                </tr>
                                <tr>
                                    <td>Periode</td>
                                    <td><b>{{ $tglMulai && $tglMulai !== '-' ? \Carbon\Carbon::parse($tglMulai)->format('d-m-Y') : '-' }}</b> s/d <b>{{ $tglBerakhir && $tglBerakhir !== '-' ? \Carbon\Carbon::parse($tglBerakhir)->format('d-m-Y') : '-' }}</b></td>
                                </tr>
                                <tr>
                                    <td>Tanggal Terbit</td>
                                    <td>{{ $tglTerbit && $tglTerbit !== '-' ? \Carbon\Carbon::parse($tglTerbit)->format('d-m-Y') : '-' }}</td>
                                </tr>
                                <tr>
                                    <td>Tanggal Kwitansi</td>
                                    <td>{{ $tglKuitansi && $tglKuitansi !== '-' ? \Carbon\Carbon::parse($tglKuitansi)->format('d-m-Y') : '-' }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-6">
                            <div style="text-align: center; border:1px solid #edf3f4">
                                <table class="tabel-edf3f4">
                                    <tr>
                                        <td style="text-align:left">Nilai Kuitansi</td>
                                        <td style="text-align:right">Rp. {{ number_format($nilaiKuitansi, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Nilai Penjaminan</td>
                                        <td style="text-align:right">Rp. {{ number_format($nilaiPenjaminan, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Bea Masuk</td>
                                        <td style="text-align:right">Rp. {{ number_format($beaMasuk, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">IJP Nett</td>
                                        <td style="text-align:right">Rp. {{ number_format($ijpNett, 2, ',', '.') }}</td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Ikhtisar Custom Bond (PDF)</td>
                                        <td style="text-align:right">
                                            <a target="_blank" href="{{ route('ikhtisar-custom.pdf', $tokenencrypted) }}" class="btn btn-outline-secondary btn-sm" style="border-radius: 10px;">
                                                <i class="fa fa-eye"></i> View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left">Sertifikat Custom Bond (PDF)</td>
                                        <td style="text-align:right">
                                            <a target="_blank" href="{{ route('sertifikat-custom.pdf', $tokenencrypted) }}" class="btn btn-outline-secondary btn-sm" style="border-radius: 10px;">
                                                <i class="fa fa-eye"></i> View
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </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