<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .triangle1 {
            width: 0;
            height: 0;
            border-left: 10.24px solid transparent;
            border-right: 318.24px solid transparent;
            border-bottom: 75.5px solid #008C8C;
            position: absolute;
            top: -55.12px;
            left: -60.91px;
            transform: rotate(-12deg);
        }

        .triangle2 {
            width: 0;
            height: 0;
            border-left: 10.24px solid transparent;
            border-right: 550.24px solid transparent;
            border-bottom: 110.5px solid #19BBBB;
            position: absolute;
            top: -55.12px;
            left: -100.91px;
            transform: rotate(-20deg);
        }

        body {
            margin: 0;
            padding: 0;
            height: 100vh;
            background-color: #ffffff; /* Ganti dengan warna latar belakang yang diinginkan */
        }
        .content {
            padding: 20px;
            text-align: left;
        }

        .content img {
            width: 25%;
            max-width: 600px; /* batasan lebar maksimum gambar */
            margin-top: 20px; /* jarak antara segitiga dan gambar */
        }
        .corner-text {
            font-family: 'Calibri', sans-serif;
            font-size: 14px;
            color: #666666;
            position: absolute;
        }

        .top-right {
            top: 10px;
            right: 10px;
        }

        .bottom-right {
            bottom: 10px;
            right: 10px;
        }
        .bottom-right-ttd {
            color: #000000;
            bottom: 120px;
            right: 10px;
        }
        .bottom-left {
            bottom: 10px;
            left: 10px;
            text-align: left;
        }
        .bottom-left-ttd {
            color: #000000;
            bottom: 120px;
            left: 10px;
            text-align: left;
        }

        .bottom-left-ttd-1 {
            color: #000000;
            bottom: 250px;
            left: 10px;
            text-align: left;
        }
        .title-container-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative;
            margin-top: 40px;
            border: 1px solid; /* Warna garis tepi dan lebar dapat disesuaikan */
            padding: 10px;
        }

        .title {
            font-family: 'Calibri', sans-serif;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .additional-text {
            font-family: 'Calibri', sans-serif;
            font-size: 12px;
        }
        .claim-info {
            font-family: 'Calibri', sans-serif;
            font-size: 12px;
            /* color: #008C8C; */
            text-align: left;
            margin-top: 20px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        table, th, td {
            /* border: 1px solid #008C8C; */
        }

        th, td {
            padding: 4px;
            text-align: left;
        }
        .hot-line {
            font-family: 'Calibri', sans-serif;
            background-color: #048B8C;
            text-align: center;
            align-items: center;
            font-size: 14px;
            margin-top: 10px;
            padding: 2px;
            color: #ffffff;
        }
        .txt-tindakan {
            font-family: 'Calibri', sans-serif;
            margin-top: 10px;
            font-size: 14px;
        }
        .txt-pernyataan {
            font-family: 'Calibri', sans-serif;
            margin-top: 40px;
            font-size: 14px;
        }
        .txt-syarat {
            font-family: 'Calibri', sans-serif;
            font-size: 14px;
            text-align: left;  
        }
        container {
            position: relative;
            height: 100vh;
        }

        .left-bottom {
            position: absolute;
            bottom: 10px;
            left: 10px;
            text-align: left;
        }

        .right-bottom {
            position: absolute;
            bottom: 10px;
            right: 10px;
            text-align: right;
        }
    </style>
</head>
<body>
    <div class="triangle2"></div>
    <div class="triangle1"></div>
    <div class="content">
        <div class="corner-text top-right">
            The Future Of Healthcare At Your Fingertips
        </div>
        <img src="data:image/png;base64,{{ base64_encode(file_get_contents( public_path('images/logo-default.png') )) }}">
        <div class="title-container-page">
            <div class="txt-syarat">SYARAT DAN KETENTUAN</div>
            <table class="claim-info">
                <tr>
                    <td style="width: 100%;">1.&nbsp;Surat jaminan ini hanya berlaku untuk diagnosa yang tercantum di atas. Apabila ditemukan adanya perubahan atau penambahan diagnosa, maka LinkSehat berhak membatalkan surat jaminan. Mohon menghubungi LinkSehat apabila ada perubahan diagnosa dan diagnosa tambahan.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">2.&nbsp;Surat jaminan ini dinyatakan berlaku apabila disertai surat jaminan akhir dengan nominal yang tertera pada kolom di atas</td>
                </tr>
                <tr>
                    <td style="width: 100%;">3.&nbsp;Surat jaminan ini tidak berlaku untuk biaya diluar medis seperti makan/minum di luar ketentuan, tagihan telepon, binatu, dan lain lain. Mohon ditagihkan langsung ke peserta.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">4.&nbsp;Rumah sakit harap segera menghubungi LinkSehat apabila biaya rumah sakit melebihi batas tertanggung diatas.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">5.&nbsp;Rumah sakit wajib menghubungi LinkSehat sebelum pasien meninggalkan rumah sakit agar pihak rumah sakit dapat mengetahui biaya apa saja yang dijamin oleh LinkSehat. Jika peserta meninggalkan rumah sakit sebelum mengkonfirmasikan ke LinkSehat, maka LinkSehat tidak bertanggung jawab atas biaya yang tidak dijamin oleh pihak asuransi.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">6.&nbsp;Peserta bertanggung jawab untuk menyelesaikan secara langsung kepada pihak rumah sakit dan penyedia jasa medis apabila terjadi selisih biaya (ekses) atas seluruh biaya perawatan, biaya medis, dan yang lain yang telah terjadi sehubungan dengan rawat inap, maupun atas perihal perawatan medis yang tidak tercakup dalam polis asuransi dikarenakan karena alasan apapun. Apabila biaya-biaya tersebut telah dijaminkan oleh LinkSehat atas nama nasabah, maka peserta akan membayar kembali ke pihak LinkSehat secara penuh termasuk biaya berhubungan dengan penagihan (apabila ada) yang terjadi ke pihak LinkSehat atas biaya yang tidak termasuk dalam manfaat polis.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">7.&nbsp;Dengan ini peserta menyatakan mengetahui dan menyetujui ketentuan selisih biaya yang telah disebutkan di atas.</td>
                </tr>
                <tr>
                    <td style="width: 100%;">8.&nbsp;Dalam hal surat jaminan in tidak ditandatangani oleh peserta yang bersangkutan maka rumah sakit berkewajiban untuk menyampaikan keadaan tersebut kepada LinkSehat dalam kurun waktu paling lambat 1x24 jam, dalam hal tidak ada perubahan dalam jangka waktu yang telah ditentukan tersebut maka dianggap peserta yang bersangkutan telah setuju dengan ketentuan yang terdapat dalam surat jaminan ini.</td>
                </tr>
            </table>
        </div>
        <!-- <div class="container">
            <div class="left-bottom">
                Hormat Kami,<br>
                Acknowledged,<br>
                [Nama Analyst]
            </div>
            
            
        </div> -->
        <div class="corner-text bottom-left-ttd-1">
                Hormat Kami,<br>
                Acknowledged,
        </div>
        <div class="corner-text bottom-left-ttd">
            [..................................................]
        </div>
        <div class="corner-text bottom-right-ttd">
            [{{ $dataMember->name }}]
        </div>
        <div class="corner-text bottom-right">
            The Future Of Healthcare At Your Fingertip
        </div>
        <div class="corner-text bottom-left">
            <b>PT Link Medis Sehat</b><br>
            <b>Primaya Hospital Corporate</b><br>
            Graha Cempaka Mas Blok D No. 5-6<br>
            Jl. Let. Jend. Suprapto, Jakarta Pusat 10640, Indonesia<br>
            <b>Telp</b> (021) 4217746/47
        </div>
    </div>
</body>
</html>