@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Preview Matching Color'])

    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper d-flex align-items-center">
                        {{-- Tombol Kembali --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i><span class="font-weight-bold">Kembali</span>
                        </button>

                        {{-- Tombol Edit --}}
                        @if (isset($authorize) && $authorize->edit == '1')
                            @if (isset($data_detail->id) && $data_detail->isactive == 1)
                                <a href="{{ URL::to($url_menu . '/edit/' . encrypt($data_detail->id)) }}"
                                    class="btn btn-warning mb-0 ms-2">
                                    <i class="fas fa-edit me-1"></i><span class="font-weight-bold">Edit</span>
                                </a>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                {{-- PDF Preview Section --}}
                <div class="card mt-4">
                    <div class="card-header pb-0">
                        <h5 class="mb-3">Form Permintaan Matching Colour</h5>
                    </div>

                    <div class="card-body" style="padding: 0;">
                        <div id="pdf-loading" style="text-align: center; padding: 40px;">
                            <div class="spinner-border text-primary" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                            <p class="mt-2">Generating Preview...</p>
                        </div>
                        <iframe id="pdf-preview-iframe"
                            style="width: 100%; height: 85vh; border: none; display: none;"></iframe>
                    </div>
                </div>

                {{-- Print Button --}}
                <div class="card mt-4">
                    <div class="card-footer text-center">
                        <button type="button" class="btn btn-success" id="btn-print-pdf">
                            <i class="fas fa-print me-1"></i>
                            <span class="font-weight-bold">Print PDF</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection

@push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.70/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.70/vfs_fonts.js"></script>

    <script type="text/javascript">
        let pdfBlobUrl = null;

        @php
            $loginUser = auth()->user() ?? session('user');
            $loginFullName = trim(($loginUser->firstname ?? '') . ' ' . ($loginUser->lastname ?? ''));
            if ($loginFullName === '') {
                $loginFullName = $loginUser->username ?? (session('username') ?? '');
            }
            $loginSignature = $loginUser->signature ?? null;
        @endphp
        const currentUserSignatureFile = @json($loginSignature);
        const currentUserName = @json($loginFullName);

        function resolveStorageFileUrl(file, defaultDir = 'ttd') {
            if (!file) return null;
            if (String(file).includes('/')) {
                return '{{ asset("storage") }}/' + String(file).replace(/^\/+/, '');
            }
            return '{{ asset("storage") }}/' + defaultDir + '/' + file;
        }

        @php
            $reqNo = $data_detail->request_no ?? null;
            $latestExtMemo = null;
            if (!empty($reqNo)) {
                $latestExtMemo = DB::table('external_memo_details')
                    ->join('ext_memo', 'external_memo_details.external_memo_id', '=', 'ext_memo.id')
                    ->where('external_memo_details.request_no', $reqNo)
                    ->where('ext_memo.isactive', '1')
                    ->orderBy('ext_memo.created_at', 'desc')
                    ->select('ext_memo.from', 'ext_memo.created_at', 'ext_memo.date', 'ext_memo.user_create', 'ext_memo.user_update', 'ext_memo.updated_at', 'ext_memo.status')
                    ->first();
            }

            // Diterima
            $purchasingReceivedDateVal = '.......';
            if ($latestExtMemo) {
                $srcDate = $latestExtMemo->created_at ?? $latestExtMemo->date ?? null;
                if ($srcDate) $purchasingReceivedDateVal = date('d/m/y', strtotime($srcDate));
            }

            $fromText = $latestExtMemo->from ?? '';
            $fromNorm = strtoupper(trim(preg_replace('/\s+/', ' ', $fromText)));
            $fromUser = null;
            if (!empty($fromNorm)) {
                $fromUser = DB::table('users')
                    ->select('username', 'firstname', 'lastname', 'signature')
                    ->whereRaw("UPPER(CONCAT(TRIM(firstname), ' ', TRIM(lastname))) = ?", [$fromNorm])
                    ->orWhereRaw("UPPER(username) = ?", [$fromNorm])
                    ->first();
            }
            if (!$fromUser && $latestExtMemo && !empty($latestExtMemo->user_create)) {
                $fromUser = DB::table('users')
                    ->select('username', 'firstname', 'lastname', 'signature')
                    ->where('username', $latestExtMemo->user_create)
                    ->first();
            }
            $purchasingReceivedNameVal = $fromUser ? trim(($fromUser->firstname ?? '') . ' ' . ($fromUser->lastname ?? '')) : '';
            if ($purchasingReceivedNameVal === '') {
                $purchasingReceivedNameVal = $fromText ?: '...................';
            }
            $purchasingReceivedSignatureVal = $fromUser->signature ?? null;

            // Diketahui
            $purchasingKnownDateVal = '.......';
            $purchasingKnownNameVal = '...................';
            $purchasingKnownSignatureVal = null;
            if ($latestExtMemo && (!empty($latestExtMemo->user_update) || ($latestExtMemo->status ?? '') === 'sent')) {
                $srcKnownDate = $latestExtMemo->updated_at ?? null;
                if ($srcKnownDate) $purchasingKnownDateVal = date('d/m/y', strtotime($srcKnownDate));

                if (!empty($latestExtMemo->user_update)) {
                    $knownUser = DB::table('users')
                        ->select('username', 'firstname', 'lastname', 'signature')
                        ->where('username', $latestExtMemo->user_update)
                        ->first();
                    if ($knownUser) {
                        $nm = trim(($knownUser->firstname ?? '') . ' ' . ($knownUser->lastname ?? ''));
                        $purchasingKnownNameVal = $nm !== '' ? $nm : ($knownUser->username ?? $purchasingKnownNameVal);
                        $purchasingKnownSignatureVal = $knownUser->signature ?? null;
                    }
                }
            }
            $gsmFormatted = '';
            if (!empty($data_detail->basic_weight)) {
                $gsmFormatted = number_format((float)$data_detail->basic_weight, 0, ',', '.');
            }
        @endphp

        const purchasingReceivedDate = @json($purchasingReceivedDateVal);
        const purchasingReceivedName = @json($purchasingReceivedNameVal);
        const purchasingReceivedSignatureFile = @json($purchasingReceivedSignatureVal);

        const purchasingKnownDate = @json($purchasingKnownDateVal);
        const purchasingKnownName = @json($purchasingKnownNameVal);
        const purchasingKnownSignatureFile = @json($purchasingKnownSignatureVal);

        function formatDDMMYY(d) {
            const dd = String(d.getDate()).padStart(2, '0');
            const mm = String(d.getMonth() + 1).padStart(2, '0');
            const yy = String(d.getFullYear()).slice(-2);
            return `${dd}/${mm}/${yy}`;
        }

        $(document).ready(function() {
            if (typeof pdfMake === 'undefined') {
                $('#pdf-loading').html('<p class="text-danger">Error: Library PDFMake gagal dimuat.</p>');
                return;
            }
            generatePDFWithSignatures({
                diketahuiDate: null,
                knownByName: null,
                knownBySignatureFile: null,
                purchasingReceivedDate,
                purchasingReceivedName,
                purchasingReceivedSignatureFile,
                purchasingKnownDate,
                purchasingKnownName,
                purchasingKnownSignatureFile
            });

            $('#btn-print-pdf').on('click', function(e) {
                e.preventDefault();
                // QA & PD Diketahui: default kosongan (null) - tidak diisi otomatis
                generatePDFWithSignatures({
                    diketahuiDate: null,
                    knownByName: null,
                    knownBySignatureFile: null,
                    purchasingReceivedDate,
                    purchasingReceivedName,
                    purchasingReceivedSignatureFile,
                    purchasingKnownDate,
                    purchasingKnownName,
                    purchasingKnownSignatureFile,
                    printAfterGenerate: true,
                });
            });
            
            // Script untuk Edit/View Form Logic (Dibiarkan tetap ada)
            $('#{{ $dmenu }}-form').find('label').addClass('disabled');
            $('#{{ $dmenu }}-form').find('input').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('select').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('textarea').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('input[key="true"]').parent('.form-group').css('display', '');
            $('#{{ $dmenu }}-form').find('select[key="true"]').parent('.form-group').css('display', '');
            $('.icon-modal-search').css('display', 'none');
            function enable_text() {
                $('#{{ $dmenu }}-form').find('label').removeClass('disabled');
                $('#{{ $dmenu }}-form').find('input').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('select').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('textarea').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('input[key="true"]').parent('.form-group').css('display', 'none');
                $('#{{ $dmenu }}-form').find('select[key="true"]').parent('.form-group').css('display', 'none');
                $('.icon-modal-search').css('display', '');
            }
            $('#{{ $dmenu }}-edit').click(function() {
                enable_text();
                $(this).css('display', 'none');
                $('#{{ $dmenu }}-save').css('display', '');
            });
        });

        // --- DATA SETUP ---
        const reqTypeDB = @json($data_detail->request_type ?? '');
        const isMatchMB = (reqTypeDB && reqTypeDB.includes('MB'));
        let isDozis = (reqTypeDB && reqTypeDB.includes('Dozis'));
        let isMatching = !!(reqTypeDB && reqTypeDB.toLowerCase().includes('matching'));
        
        if (!isMatching && !isDozis && !isMatchMB) {
            isMatching = true; 
        }

        // [UBAH 3] LOGIKA DOZIS: 
        // Jika request_type kosong, hanya matching yang true. Dozis dimatikan (false).
        if (!reqTypeDB || reqTypeDB === '') {
            isMatching = true;
            isDozis = false; // <-- Diubah jadi FALSE sesuai request
        }

        const signCreateFile = @json($data_detail->sign_create_file ?? null);
        const signUpdateFile = @json($data_detail->sign_update_file ?? null);

        const data = {
            no: @json($data_detail->request_no ?? '-'),
            date: @json(isset($data_detail->date) ? date('d F Y', strtotime($data_detail->date)) : date('d F Y')),
            sample: '', 
            customer: @json($data_detail->customer_name ?? '-'),
            color: @json($data_detail->customer_color_code ?? '-'),
            // [UBAH 1] Tambahkan field GSM
            gsm: @json($gsmFormatted ?? ''), 
            
            pic: @json($data_detail->pic ?? $data_detail->from ?? '-'), 
            application: @json($data_detail->application ?? '-'), 
            mbCode: @json($data_detail->mb_code ?? ''), 
            userCreate: @json($data_detail->creator_name ?? $data_detail->user_create ?? '...................'),
            userUpdate: @json($data_detail->updater_name ?? $data_detail->user_update ?? '...................'),
            createdDate: @json(isset($data_detail->created_at) ? date('d/m/y', strtotime($data_detail->created_at)) : '.......'),
            updatedDate: @json(isset($data_detail->updated_at) ? date('d/m/y', strtotime($data_detail->updated_at)) : '.......'),
            pathLogo: '{{ asset("storage/icon.png") }}',
            pathSignCreate: resolveStorageFileUrl(signCreateFile, 'ttd'),
            pathSignUpdate: resolveStorageFileUrl(signUpdateFile, 'ttd'),
        };

        function getImageDataUrl(url) {
            return new Promise((resolve, reject) => {
                if (!url) { resolve(null); return; } 
                const img = new Image();
                img.setAttribute('crossOrigin', 'anonymous');
                img.onload = () => {
                    const canvas = document.createElement('canvas');
                    canvas.width = img.width;
                    canvas.height = img.height;
                    const ctx = canvas.getContext('2d');
                    ctx.drawImage(img, 0, 0);
                    resolve(canvas.toDataURL('image/png'));
                };
                img.onerror = () => {
                    console.warn('Gagal memuat gambar: ' + url);
                    resolve(null); 
                };
                img.src = url;
            });
        }

        async function generatePDFWithSignatures(options = {}) {
            try {
                const diketahuiDate = options.diketahuiDate ?? null;
                const knownByName = options.knownByName ?? null;
                const knownBySignatureFile = options.knownBySignatureFile ?? null;
                const purchasingReceivedDateOpt = options.purchasingReceivedDate ?? purchasingReceivedDate;
                const purchasingReceivedNameOpt = options.purchasingReceivedName ?? purchasingReceivedName;
                const purchasingReceivedSignatureOpt = options.purchasingReceivedSignatureFile ?? purchasingReceivedSignatureFile;
                const purchasingKnownDateOpt = options.purchasingKnownDate ?? purchasingKnownDate;
                const purchasingKnownNameOpt = options.purchasingKnownName ?? purchasingKnownName;
                const purchasingKnownSignatureOpt = options.purchasingKnownSignatureFile ?? purchasingKnownSignatureFile;
                const printAfterGenerate = options.printAfterGenerate ?? false;

                const pathKnownBy = resolveStorageFileUrl(knownBySignatureFile, 'ttd');
                const pathPurchasingReceived = resolveStorageFileUrl(purchasingReceivedSignatureOpt, 'ttd');
                const pathPurchasingKnown = resolveStorageFileUrl(purchasingKnownSignatureOpt, 'ttd');

                const [logoBase64, signCreateBase64, signUpdateBase64, signKnownByBase64, signPurchasingReceivedBase64, signPurchasingKnownBase64] = await Promise.all([
                    getImageDataUrl(data.pathLogo),
                    getImageDataUrl(data.pathSignCreate),
                    getImageDataUrl(data.pathSignUpdate)
                    ,getImageDataUrl(pathKnownBy)
                    ,getImageDataUrl(pathPurchasingReceived)
                    ,getImageDataUrl(pathPurchasingKnown)
                ]);

                createPdfDefinition(
                    logoBase64,
                    signCreateBase64,
                    signUpdateBase64,
                    signKnownByBase64,
                    signPurchasingReceivedBase64,
                    signPurchasingKnownBase64,
                    {
                    diketahuiDate,
                    knownByName,
                    purchasingReceivedDate: purchasingReceivedDateOpt,
                    purchasingReceivedName: purchasingReceivedNameOpt,
                    purchasingKnownDate: purchasingKnownDateOpt,
                    purchasingKnownName: purchasingKnownNameOpt,
                    printAfterGenerate
                });

            } catch (error) {
                console.error("Error loading images mechanism", error);
                 createPdfDefinition(null, null, null, null, null, null, { diketahuiDate: null, knownByName: null, purchasingReceivedDate: null, purchasingReceivedName: null, purchasingKnownDate: null, purchasingKnownName: null, printAfterGenerate: false });
            }
        }

        function createPdfDefinition(logoBase64, signCreateBase64, signUpdateBase64, signKnownByBase64, signPurchasingReceivedBase64, signPurchasingKnownBase64, options = {}) {
            // 1. Ambil Opsi & Variable
            const diketahuiDate = options.diketahuiDate ?? '.......';
            const knownByName = options.knownByName ?? '...................';
            const purchasingReceivedDateOpt = options.purchasingReceivedDate ?? '.......';
            const purchasingReceivedNameOpt = options.purchasingReceivedName ?? '...................';
            const purchasingKnownDateOpt = options.purchasingKnownDate ?? '.......';
            const purchasingKnownNameOpt = options.purchasingKnownName ?? '...................';
            
            // Variable kunci untuk menyembunyikan PIC
            const printAfterGenerate = options.printAfterGenerate ?? false;
            
            // Helper untuk membuat kotak checkbox (v atau kosong)
            const checkbox = (isChecked) => {
                return {
                    table: {
                        widths: [12], heights: [10], 
                        body: [[ { text: isChecked ? 'v' : '', fontSize: 8, bold: true, alignment: 'center', margin: [0, -1, 0, 0], border: [true, true, true, true] } ]]
                    },
                    layout: { paddingLeft: ()=>0, paddingRight: ()=>0, paddingTop: ()=>0, paddingBottom: ()=>0 },
                    margin: [0, 1, 5, 0] 
                };
            };

            // ---------------------------------------------------------
            // 2. LOGIKA DINAMIS TABEL DATA (KIRI)
            // ---------------------------------------------------------
            
            // A. Buat baris-baris standar dulu (Sample, Customer, Warna+GSM)
            let leftTableBody = [
                [
                    {text: 'Sample', fontSize: 10, border:[false,false,false,false]}, 
                    {text: data.sample, fontSize: 10, border:[false,false,false,false]}
                ],
                [
                    {text: 'Nama Customer', fontSize: 10, border:[false,false,false,false]}, 
                    {text: ': ' + data.customer, fontSize: 10, border:[false,false,false,false]}
                ],
                [
                    {text: 'Warna / Kode', fontSize: 10, border:[false,false,false,false]}, 
                    // Tampilkan GSM jika datanya ada
                    {text: ': ' + data.color + (data.gsm ? ' ' + data.gsm + 'gsm' : ''), fontSize: 10, border:[false,false,false,false]}
                ]
            ];

            // B. PIC:
            // Sesuai requirement: PIC tidak ditampilkan di PDF (preview & print).
            // Jadi tidak ada baris PIC yang ditambahkan ke leftTableBody.

            // C. Masukkan baris sisanya (Aplikasi)
            leftTableBody.push([
                {text: 'Aplikasi', fontSize: 10, border:[false,false,false,false]}, 
                {text: ': ' + data.application, fontSize: 10, border:[false,false,false,false]}
            ]);

            // ---------------------------------------------------------
            // 3. DEFINISI DOKUMEN PDF
            // ---------------------------------------------------------
            const docDefinition = {
                pageSize: 'A4', pageOrientation: 'portrait', pageMargins: [40, 30, 40, 30],

                content: [
                    // --- HEADER ---
                    {
                        columns: [
                            {
                                width: '*',
                                columns: [
                                    { width: 'auto', stack: [ logoBase64 ? { image: logoBase64, width: 55 } : {} ] },
                                    {
                                        width: 'auto', margin: [10, 5, 0, 0], 
                                        stack: [
                                            { text: 'PT MULTI SPUNINDO JAYA Tbk', bold: true, fontSize: 12, alignment: 'center' },
                                            { text: 'Nonwovens Manufacturer', italics: true, fontSize: 9, alignment: 'center' }
                                        ]
                                    }
                                ]
                            },
                            {
                                width: 'auto', alignment: 'left', margin: [0, 5, 0, 0],
                                stack: [
                                    { text: [{text: 'No : ', bold: true}, data.no], fontSize: 10 },
                                    { text: [{text: 'Tgl : ', bold: true}, data.date], fontSize: 10 }
                                ]
                            }
                        ]
                    },

                    // --- JUDUL ---
                    { text: 'FORM PERMINTAAN MATCHING COLOUR', style: 'header', margin: [0, 25, 0, 15] },
                    { text: 'Bersama ini mohon dilakukan pengecekan warna :', fontSize: 10, margin: [0, 0, 0, 10] },

                    // --- ISI BODY (Kiri & Kanan) ---
                    {
                        columns: [
                            // KOLOM KIRI (Data & Checkbox)
                            {
                                width: '55%',
                                stack: [
                                    {
                                        table: {
                                            widths: [90, '*',], 
                                            // Panggil array dinamis yang kita buat di atas
                                            body: leftTableBody 
                                        }
                                    },
                                    // Checkbox Area
                                    { text: 'JENIS PERMINTAAN :', bold: true, fontSize: 10, margin: [0, 15, 0, 5] },
                                    { columns: [ { width: 'auto', stack: [ checkbox(isMatching) ] }, { text: 'Matching Colour', fontSize: 10, margin: [0, 2, 0, 0] } ], margin: [0, 2, 0, 2] },
                                    { columns: [ { width: 'auto', stack: [ checkbox(isDozis) ] }, { text: 'Dozis', fontSize: 10, margin: [0, 2, 0, 0] } ], margin: [0, 2, 0, 2] },
                                    {
                                        columns: [
                                            { width: 'auto', stack: [ checkbox(isMatchMB) ] },
                                            { text: 'Match dengan MB', fontSize: 10, margin: [0, 2, 10, 0] },
                                            { table: { widths: [50], heights: [12], body: [[ {text: data.mbCode, fontSize: 9, alignment: 'center', margin: [0, -1, 0, 0], border: [true, true, true, true]} ]] }, layout: { paddingLeft: ()=>0, paddingRight: ()=>0, paddingTop: ()=>0, paddingBottom: ()=>0 }, width: 'auto', margin: [0, 0, 120, 0] }
                                        ], margin: [0, 2, 0, 0]
                                    }
                                ]
                            },
                            // KOLOM KANAN (Kotak Kosong untuk Tempel Sample)
                            { width: '45%', margin: [20, 0, 0, 0], table: { widths: ['*'], heights: [150], body: [[{ text: '', border: [true, true, true, true] }]] } }
                        ]
                    },

                    // --- FOOTER TANDA TANGAN ---
                    {
                        margin: [0, 50, 0, 0],
                        columns: [
                            // TTD KIRI (QA & PD)
                            {
                                width: 200,
                                table: {
                                    widths: ['50%', '50%'],
                                    heights: [15, 80, 20], 
                                    body: [
                                        [ { text: 'QA & PD', colSpan: 2, alignment: 'center', fontSize: 10, bold: true, fillColor: '#eeeeee' }, {} ],
                                        [
                                            {
                                                stack: [
                                                    { text: 'Diserahkan\nTgl. ' + data.createdDate, fontSize: 9, alignment: 'center', margin: [0, 0, 0, 5] },
                                                    signCreateBase64 ? { image: signCreateBase64, width: 80, alignment: 'center', margin: [0, 2, 0, 2] } : { text: '\n\n\n', fontSize: 9 },
                                                ], alignment: 'center', border: [true, true, true, false] 
                                            },
                                            {
                                                stack: [
                                                    { text: 'Diketahui\nTgl. ' + data.createdDate, fontSize: 9, alignment: 'center', margin: [0, 0, 0, 5] },
                                                    signKnownByBase64 ? { image: signKnownByBase64, width: 80, alignment: 'center', margin: [0, 2, 0, 2] } : { text: '\n\n\n', fontSize: 9 },
                                                ], alignment: 'center', border: [true, true, true, false] 
                                            }
                                        ],
                                        [
                                            { text: '(' + data.userCreate + ')', fontSize: 8, alignment: 'center', border: [true, false, true, true], margin: [0, 0, 0, 0] },
                                            { text: '(Rizqi Tri)', fontSize: 8, alignment: 'center', border: [true, false, true, true] }
                                        ]
                                    ]
                                }
                            },
                            // Spacer Tengah
                            { width: '*', text: '' },
                            // TTD KANAN (PURCHASING) - COMMENTED OUT
                            // Bagian ttd purchasing di-comment agar tetap kosong di PDF preview & print
                            // walaupun external memo sudah dibuat menggunakan request_no
                            {
                                width: 200,
                                table: {
                                    widths: ['50%', '50%'],
                                    heights: [15, 80, 20],
                                    body: [
                                        [ { text: 'PURCHASING', colSpan: 2, alignment: 'center', fontSize: 10, bold: true, fillColor: '#eeeeee' }, {} ],
                                        [
                                            {
                                                stack: [
                                                    { text: 'Diterima\nTgl. .......', fontSize: 9, alignment: 'center', margin: [0, 0, 0, 5] },
                                                    // signPurchasingReceivedBase64 ? { image: signPurchasingReceivedBase64, width: 80, alignment: 'center', margin: [0, 2, 0, 2] } : { text: '\n\n\n', fontSize: 9 },
                                                    { text: '\n\n\n', fontSize: 9 },
                                                ], alignment: 'center', border: [true, true, true, false]
                                            },
                                            {
                                                stack: [
                                                    { text: 'Diketahui\nTgl. .......', fontSize: 9, alignment: 'center', margin: [0, 0, 0, 5] },
                                                    // signPurchasingKnownBase64 ? { image: signPurchasingKnownBase64, width: 80, alignment: 'center', margin: [0, 2, 0, 2] } : { text: '\n\n\n', fontSize: 9 },
                                                    { text: '\n\n\n', fontSize: 9 },
                                                ], alignment: 'center', border: [true, true, true, false]
                                            }
                                        ],
                                        [
                                            { text: '(...................)', fontSize: 8, alignment: 'center', border: [true, false, true, true], margin: [0, 0, 0, 0] },
                                            { text: '(...................)', fontSize: 8, alignment: 'center', border: [true, false, true, true] }
                                        ]
                                    ]
                                }
                            }
                        ]
                    }
                ],

                // --- FOOTER HALAMAN ---
                footer: function(currentPage, pageCount) {
                    return {
                        margin: [40, 0, 40, 10], 
                        columns: [
                            { text: '700.PMC.035.2.3', fontSize: 9, italics: false, alignment: 'left', color: '#000000' },
                            { text: 'Page ' + currentPage + ' of ' + pageCount, fontSize: 9, alignment: 'right', color: '#000000' }
                        ]
                    };
                },
                styles: { header: { fontSize: 14, bold: true, alignment: 'center', decoration: 'underline' } }
            };

            // 4. GENERATE PDF BLOB
            pdfMake.createPdf(docDefinition).getBlob(function(blob) {
                if (pdfBlobUrl) URL.revokeObjectURL(pdfBlobUrl);
                pdfBlobUrl = URL.createObjectURL(blob);
                
                // Tampilkan ke iframe - #toolbar=0 untuk disable tombol download/print bawaan browser
                $('#pdf-preview-iframe').attr('src', pdfBlobUrl + '#toolbar=0').show();
                $('#pdf-loading').hide();

                // Jika mode Print (tombol ditekan), buka window baru untuk print
                if (printAfterGenerate) {
                    const printWindow = window.open(pdfBlobUrl);
                    if (printWindow) {
                        printWindow.onload = function() {
                            printWindow.print();
                        };
                    }
                }
            });
        }
    </script>
@endpush