<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Penyata Ahli</title>

    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000;
        }

        .header-table {
            width: 100%;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
        }

        .header-left {
            vertical-align: top;
        }

        .header-right {
            vertical-align: top;
            text-align: right;
        }

        .black-box {
            background: #000;
            color: #fff;
            padding: 8px 12px;
            font-weight: bold;
            display: inline-block;
        }

        .section {
            margin-top: 20px;
        }

        .info-table {
            width: 100%;
        }

        .info-table td {
            padding: 6px 0;
        }

        .label {
            font-weight: bold;
        }

        .box-table {
            width: 100%;
            border: 2px solid #000;
            /* Border luar sahaja */
            border-collapse: separate;
            border-spacing: 0;
        }

        .box-table td {
            border: none;
            padding: 6px 10px;
        }

        .note {
            font-style: italic;
            margin-top: 15px;
        }

        .signature-line {
            border-bottom: 1px dashed #000;
            height: 18px;
        }

        .small {
            font-size: 11px;
            font-style: italic;
        }
    </style>
</head>

<body>

    {{-- HEADER --}}
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>

            <!-- KIRI: LOGO + INFO -->
            <td width="70%" valign="top">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="90" valign="top">
                            <img src="{{ public_path('images/logo-kopkb.jpeg') }}" style="width:80px;">
                        </td>
                        <td valign="top">
                            <strong style="font-size:14px;">
                                KOPERASI PERMODALAN KELANTAN BERHAD
                            </strong><br>
                            <span style="font-size:14px; line-height:1.4;">
                                Lot PT 448, Tingkat 1, Jalan Kuala Krai, Batu 3,<br>
                                Wakaf Che Yeh, 15150 Kota Bharu, Kelantan<br>
                                Tel: 09-7414339 | Website: www.koppkb.com
                            </span>
                        </td>
                    </tr>
                </table>
            </td>

            <!-- KANAN: PENYATA (ATAS) + TAHUN (BAWAH) -->
            <td width="30%" valign="top" align="right" style="padding-right:5px;">

                <div
                    style="
        background:#000;
        color:#fff;
        padding:8px 18px;
        font-weight:bold;
        font-size:14px;
        display:inline-block;
        margin-bottom:6px;
        text-align:center;
    ">
                    PENYATA AHLI
                </div><br>

                <div
                    style="
        font-size:16px;
        text-align:center;
        display:inline-block;
        width:100%;
    ">
                    2025
                </div>

            </td>

        </tr>
    </table>

    <hr style="border: none; border-top: 1.5px solid #000; margin: 15px 0;">

    {{-- INFO --}}
    <div class="section">
        <table class="info-table">
            <tr>
                <td class="label">Tarikh :</td>
                <td>26-02-2026</td>
                <td class="label">No. Anggota :</td>
                <td>{{ $p->no_anggota }}</td>
            </tr>
            <tr>
                <td class="label">Nama :</td>
                <td>{{ strtoupper($p->name) }}</td>
                <td class="label">Pejabat / Syarikat :</td>
                <td>{{ $p->unit }}</td>
            </tr>
        </table>
    </div>

    {{-- CONTENT --}}
    <div class="section">
        <strong><u>PENGESAHAN PENYATA BAKI AKAUN AHLI</u></strong>
        <p>
            Adalah dimaklumkan kedudukan baki akaun tuan/puan pada
            <b>31/12/2025</b> dengan Koperasi Permodalan Kelantan Berhad adalah seperti berikut:
        </p>

        <table class="box-table">
            <tr>
                <td>Saham</td>
                <td>-{{ number_format($p->saham, 2) }}</td>
                <td>Pembiayaan Kecemasan</td>
                <td>{{ number_format($p->tergempar, 2) }}</td>

            </tr>
            <tr>
                <td>Yuran</td>
                <td>-{{ number_format($p->yuran, 2) }}</td>
                <td>Pembiayaan Pengguna</td>
                <td>{{ number_format($p->barangan, 2) }}</td>
            </tr>
            <tr>
                <td>Pelaburan T1</td>
                <td>-{{ number_format($p->pelaburan, 2) }}</td>
                <td>Pembiayaan Peribadi</td>
                <td>{{ number_format($p->peribadi, 2) }}</td>

            </tr>
            <tr>
                <td>Pelaburan T2</td>
                <td>{{ number_format($p->pelaburan_t2, 2) }}</td>
                <td>Pembiayaan Berjamin Yuran</td>
                <td>{{ number_format($p->berjamin_yuran, 2) }}</td>

            </tr>
            <tr>
                <td></td>
                <td></td>
                <td>Pembiayaan Takaful / Cukai Jalan</td>
                <td>{{ number_format($p->roadtax, 2) }}</td>

            </tr>
            <tr>
                <td></td>
                <td></td>
                <td>Pembiayaan Pelaburan / Pelbagai</td>
                <td>{{ number_format($p->pelbagai, 2) }}</td>
            </tr>
        </table>

        <p>Sukacita dapat tuan/puan untuk mengesahkan baki tersebut dengan  memasukkan No K/P anggota dan 
            menekan butang SAHKAN untuk tujuan audit tahunan koperasi sebelum <b>12-03-2026</b>.</p>

        <p>
            Dimaklumkan juga bahawa sekiranya kami tidak menerima pengesahan tuan/puan ke atas penyata ini
            dalam tempoh <strong>14 hari</strong> daripada tarikh surat ini, maka ia dianggap tuan/puan bersetuju
            terhadap baki yang dipaparkan.
        </p>

        <p>
            Sekian, terima kasih.
        </p>

        <p class="small">
            Surat ini dikeluarkan oleh komputer dan tidak perlu ditandatangani.
        </p>
    </div>

    <hr style="border: none; border-top: 1.5px solid #000; margin: 15px 0;">

    {{-- PERSETUJUAN AHLI --}}
    <div class="section">
        <strong>PERSETUJUAN AHLI</strong>

        <p>
            Saya, <strong>{{ strtoupper($p->name) }}</strong>,
            No Anggota: <strong>{{ $p->no_anggota }}</strong>,

            @if ($p->persetujuan === 'Bersetuju')
                <strong>bersetuju</strong> dengan penyata baki seperti di atas.
            @elseif($p->persetujuan === 'Tidak Bersetuju')
                <strong>tidak bersetuju</strong> dengan penyata baki seperti di atas.
            @else
                bersetuju / tidak bersetuju dengan penyata baki seperti di atas.
            @endif
        </p>

        @if ($p->persetujuan === 'SETUJU')
            <p>
                No Kad Pengenalan: <strong>{{ $p->no_kp }}</strong>
            </p>
        @endif

        <table style="width:auto;">
            <tr>
                <td>Tarikh</td>
                <td style="padding:0 5px;">:</td>
                <td>{{ date('d/m/Y') }}</td>
            </tr>
        </table>
    </div>



</body>

</html>
