{"id":456,"date":"2016-06-07T09:58:37","date_gmt":"2016-06-07T09:58:37","guid":{"rendered":"http:\/\/demo.vegatheme.com\/gocargo\/demo3\/?page_id=456"},"modified":"2024-11-24T07:20:50","modified_gmt":"2024-11-24T07:20:50","slug":"about-2","status":"publish","type":"page","link":"https:\/\/bluelinelogisticsafrica.com\/?page_id=456","title":{"rendered":"Track SKR PR"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]    <div class=\"wrap\">\n                <style>\n                  .receipt-container {\n                        max-width: 850px;\n                        margin: 0 auto;\n                        padding: 0;\n                        font-family: Arial, sans-serif;\n                        border: 3px solid #000;\n                        background-color: #fff;\n                        box-shadow: 0 0 20px rgba(0,0,0,0.15);\n                        position: relative;\n                        }\n\n                        .receipt-container::before {\n                        content: '';\n                        position: absolute;\n                        top: 50%;\n                        left: 50%;\n                        transform: translate(-50%, -50%);\n                        width: 500px;\n                        height: 500px;\n                        background-image: url('https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2024\/11\/surelogo.png');\n                        background-size: contain;\n                        background-repeat: no-repeat;\n                        background-position: center;\n                        opacity: 0.15;\n                        z-index: 0;\n                        pointer-events: none;\n                        }\n\n                        .receipt-container > * {\n                        position: relative;\n                        z-index: 1;\n                        }\n\n                        .header {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        padding: 10px 15px;\n                        background-color: #fff;\n                        }\n\n                        .header-left {\n                        flex: 1;\n                        text-align: left;\n                        }\n\n                        .header-left .logo {\n                        max-width: 150px;\n                        margin-bottom: 5px;\n                        }\n\n                        .header-left p {\n                        margin: 1px 0;\n                        font-size: 0.65em;\n                        color: #000;\n                        line-height: 1.2;\n                        }\n\n                        .header-right {\n                        text-align: right;\n                        }\n\n                        .header-right p {\n                        margin: 1px 0;\n                        font-size: 0.65em;\n                        color: #000;\n                        font-weight: bold;\n                        }\n\n                        .confidential-badge {\n                        display: inline-block;\n                        border: 2px solid #d00;\n                        color: #d00;\n                        padding: 2px 8px;\n                        font-size: 0.7em;\n                        font-weight: bold;\n                        margin-top: 3px;\n                        }\n\n                        .qr-section {\n                        text-align: center;\n                        margin: 4px 0;\n                        }\n\n                        .qr-section canvas {\n                        width: 55px !important;\n                        height: 55px !important;\n                        }\n\n                        .title-section {\n                        text-align: center;\n                        margin: 0;\n                        padding: 5px 0;\n                        background-color: #1a365d;\n                        }\n\n                        .title-section h2 {\n                        font-size: 0.85em;\n                        color: #fff;\n                        margin: 0;\n                        font-weight: bold;\n                        letter-spacing: 2px;\n                        text-transform: uppercase;\n                        }\n\n                        .barcode-section {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        padding: 6px 15px;\n                        background-color: #fff;\n                        border-bottom: 2px solid #000;\n                        }\n\n                        .barcode-left {\n                        flex: 1;\n                        }\n\n                        .barcode-right {\n                        text-align: center;\n                        }\n\n                        .barcode-right canvas {\n                        width: 65px !important;\n                        height: 65px !important;\n                        }\n\n                        .tracking-number {\n                        background-color: #ff6b4a;\n                        color: #fff;\n                        padding: 3px 8px;\n                        font-size: 0.6em;\n                        font-weight: bold;\n                        margin-top: 2px;\n                        display: inline-block;\n                        }\n\n                        .info-table {\n                        width: 100%;\n                        border-collapse: collapse;\n                        font-size: 0.58em;\n                        }\n\n                        .info-table td {\n                        border: 1px solid #000;\n                        padding: 2px 4px;\n                        vertical-align: top;\n                        }\n\n                        .info-table td.label {\n                        font-weight: bold;\n                        background-color: #f5f5f5;\n                        }\n\n                        .details-description {\n                        padding: 6px 15px;\n                        font-size: 0.62em;\n                        line-height: 1.2;\n                        background-color: #fff;\n                        border-bottom: 1px solid #ccc;\n                        }\n\n                        .main-table {\n                        width: 100%;\n                        border-collapse: collapse;\n                        font-size: 0.58em;\n                        }\n\n                        .main-table td {\n                        border: 1px solid #000;\n                        padding: 2px 4px;\n                        vertical-align: top;\n                        }\n\n                        .main-table td.field-label {\n                        font-weight: bold;\n                        background-color: #f5f5f5;\n                        }\n\n                        .checkbox-group {\n                        margin: 1px 0;\n                        }\n\n                        .checkbox-group input[type=\"checkbox\"] {\n                        margin-right: 2px;\n                        transform: scale(0.75);\n                        }\n\n                        .checkbox-group label {\n                        margin-right: 8px;\n                        font-size: 0.9em;\n                        }\n\n                        .signature-grid {\n                            width: 100%;\n                            border-collapse: collapse;\n                            margin-top: 8px;\n                            border: 1px solid #000;\n                        }\n\n                        .signature-cell {\n                            border: 1px solid #000;\n                            padding: 4px;\n                            text-align: center;\n                            min-height: 25px;\n                            font-size: 0.55em;\n                        }\n\n                        .signature-cell label {\n                            font-weight: bold;\n                            display: block;\n                            margin-bottom: 1px;\n                        }\n\n                        .footer-text {\n                        padding: 6px 15px;\n                        font-size: 0.5em;\n                        line-height: 1.3;\n                        background-color: #f9f9f9;\n                        border-top: 1px solid #000;\n                        text-align: justify;\n                        }\n\n                        .footer-signatures {\n                            display: flex;\n                            justify-content: space-between;\n                            align-items: flex-start;\n                            padding: 12px 15px;\n                            background-color: #fff;\n                            border-top: 1px solid #000;\n                            gap: 8px;\n                        }\n\n                        .signature-left {\n                            flex: 1;\n                            text-align: center;\n                        }\n\n                        .signature-left .signature-line {\n                            border-top: 1px solid #000;\n                            width: 120px;\n                            margin: 0 auto 4px auto;\n                        }\n\n                        .signature-left .title-text {\n                            font-size: 0.65em;\n                            margin: 3px 0;\n                            font-weight: bold;\n                            color: #000;\n                        }\n\n                        .signature-left .signature-image {\n                            max-width: 90px;\n                            height: auto;\n                            margin-top: 5px;\n                        }\n\n                        .signature-center {\n                            flex: 1.2;\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                        }\n\n                        .stamp-wrapper {\n                            position: relative;\n                            width: 220px;\n                            height: 220px;\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                        }\n\n                        .stamp-wrapper .stamp-image {\n                            width: 100%;\n                            height: 100%;\n                            object-fit: contain;\n                            position: absolute;\n                            top: 0;\n                            left: 0;\n                        }\n\n                        .stamp-wrapper .date-inside-stamp {\n                            position: absolute;\n                            top: 53%;\n                            left: 49%;\n                            transform: translate(-51%, -42%);\n                            font-size: 9px;\n                            font-weight: bolder;\n                            color: #c41e3a;\n                            text-align: center;\n                            padding: 0;\n                            white-space: nowrap;\n                            letter-spacing: 0;\n                            font-family: Arial, sans-serif;\n                            z-index: 10;\n                        }\n\n                        .signature-right {\n                            flex: 1.1;\n                            text-align: center;\n                        }\n\n                        .signature-right .customs-header {\n                            font-size: 0.55em;\n                            color: #1a365d;\n                            margin: 0 0 2px 0;\n                            font-weight: bold;\n                            line-height: 1.2;\n                        }\n\n                        .signature-right .company-name {\n                            font-size: 0.7em;\n                            color: #1a365d;\n                            margin: 0 0 8px 0;\n                            font-weight: bold;\n                        }\n\n                        .signature-right .signature-line {\n                            border-top: 1px solid #000;\n                            width: 120px;\n                            margin: 0 auto 4px auto;\n                        }\n\n                        .signature-right .title-text {\n                            font-size: 0.65em;\n                            margin: 3px 0;\n                            font-weight: bold;\n                            color: #000;\n                        }\n\n                        .signature-right .signature-image {\n                            max-width: 90px;\n                            height: auto;\n                            margin-top: 5px;\n                        }\n\n                        .print-button {\n                        margin-top: 12px;\n                        text-align: center;\n                        }\n\n                        .print-button button {\n                        padding: 10px 25px;\n                        font-size: 14px;\n                        background-color: #1a365d;\n                        color: white;\n                        border: none;\n                        border-radius: 5px;\n                        cursor: pointer;\n                        font-weight: bold;\n                        }\n\n                        .print-button button:hover {\n                        background-color: #0f2440;\n                        }\n\n                        @media print {\n                        .print-button {\n                            display: none !important;\n                        }\n                        }\n\n                        .tracking-form {\n                            display: flex;\n                            gap: 10px;\n                            margin-bottom: 30px;\n                        }\n\n                        .tracking-form .form-control {\n                            flex: 1;\n                            padding: 15px 20px;\n                            font-size: 18px;\n                            border: 2px solid #e0e0e0;\n                            border-radius: 12px;\n                        }\n\n                        .tracking-form .btn {\n                            padding: 15px 40px;\n                            font-size: 18px;\n                            border-radius: 12px;\n                            font-weight: 500;\n                        }\n                <\/style>\n               <h1 class=\"wp-heading-inline\">Storage Tracker<\/h1>\n                <div class=\"container mt-5 mb-5\">\n                <div class=\"row justify-content-center\">\n                    <form id=\"trackingForm\" class=\"tracking-form\">\n                        <input type=\"text\" \n                            class=\"form-control\" \n                            id=\"skrNumber\" \n                            placeholder=\"Enter Tracking Code (e.g., PLM05570369-LGSTS)\" \n                            required>\n                        <button type=\"submit\" class=\"btn btn-primary\">Track Storage<\/button>\n                    <\/form>\n                   <div id=\"resultContainer\" style=\"display: none;\">\n                   <\/div>\n               <\/div>\n                <\/div>\n                <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcode\/build\/qrcode.min.js\"><\/script>\n                <script type=\"text\/javascript\">\n                    var ajaxurl = \"https:\/\/bluelinelogisticsafrica.com\/wp-admin\/admin-ajax.php\";\n                <\/script>\n                <script>\n                function printReceipt() {\n                    const qrCodeCanvas = document.getElementById('qrCodeCanvas');\n                    const qrCodeImage = qrCodeCanvas ? qrCodeCanvas.toDataURL('image\/png') : '';\n                    const trackingQRCanvas = document.getElementById('trackingQR');\n                    const trackingQRImage = trackingQRCanvas ? trackingQRCanvas.toDataURL('image\/png') : '';\n                    let printContents = document.querySelector('.receipt-container').outerHTML;\n                    \n                    if (qrCodeImage) {\n                        printContents = printContents.replace(\n                            \/<canvas[^>]*id=\"qrCodeCanvas\"[^>]*><\\\/canvas>\/,\n                            `<img decoding=\"async\" src=\"${qrCodeImage}\" alt=\"QR Code\" style=\"width: 50px; height: 50px;\">`\n                        );\n                    }\n                    if (trackingQRImage) {\n                        printContents = printContents.replace(\n                            \/<canvas[^>]*id=\"trackingQR\"[^>]*><\\\/canvas>\/,\n                            `<img decoding=\"async\" src=\"${trackingQRImage}\" alt=\"Tracking QR\" style=\"width: 60px; height: 60px;\">`\n                        );\n                    }\n\n                    const newWindow = window.open('', '_blank');\n                    newWindow.document.write(`\n                      <html>\n                        <head>\n                            <title>Safe Keeping Receipt<\/title>\n                            <style>\n                                @page { size: A4; margin: 5mm; }\n                                * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; box-sizing: border-box; }\n                                body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fff; }\n                                .receipt-container { width: 100%; max-width: 100%; margin: 0; padding: 0; border: 3px solid #000; background-color: #fff; position: relative; }\n                                .receipt-container::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 500px; background-image: url('https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2024\/11\/surelogo.png'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.15; z-index: 0; pointer-events: none; }\n                                .receipt-container > * { position: relative; z-index: 1; }\n                                .header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; background-color: #fff; }\n                                .header-left { flex: 1; text-align: left; }\n                                .header-left .logo { max-width: 140px; margin-bottom: 5px; }\n                                .header-left p { margin: 1px 0; font-size: 9px; color: #000; line-height: 1.2; }\n                                .header-right { text-align: right; }\n                                .header-right p { margin: 1px 0; font-size: 9px; color: #000; font-weight: bold; }\n                                .confidential-badge { display: inline-block; border: 2px solid #d00 !important; color: #d00 !important; padding: 3px 10px; font-size: 11px; font-weight: bold; margin-top: 5px; }\n                                .qr-section { text-align: center; margin: 5px 0; }\n                                .qr-section img { width: 55px !important; height: 55px !important; }\n                                .title-section { text-align: center; padding: 10px 0; background-color: #1a365d !important; margin: 0; }\n                                .title-section h2 { font-size: 14px; color: #fff !important; margin: 0; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }\n                                .barcode-section { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; background-color: #fff; border-bottom: 1px solid #000; }\n                                .barcode-left { flex: 1; }\n                                .barcode-right { text-align: center; }\n                                .barcode-right img { width: 60px !important; height: 60px !important; }\n                                .tracking-number { background-color: #ff6b4a !important; color: #fff !important; padding: 4px 10px; font-size: 10px; font-weight: bold; margin-top: 5px; display: inline-block; }\n                                .info-table { width: 100%; border-collapse: collapse; font-size: 10px; }\n                                .info-table td { border: 1px solid #000; padding: 3px 5px; vertical-align: top; }\n                                .info-table td.label { font-weight: bold; background-color: #f5f5f5 !important; }\n                                .details-description { padding: 4px 15px; font-size: 11px; line-height: 1.2; background-color: #fff; border-bottom: 1px solid #ccc; }\n                                .main-table { width: 100%; border-collapse: collapse; font-size: 10px; }\n                                .main-table td { border: 1px solid #000; padding: 3px 5px; vertical-align: top; }\n                                .main-table td.field-label { font-weight: bold; background-color: #f5f5f5 !important; }\n                                .checkbox-group { margin: 2px 0; }\n                                .signature-grid { width: 100%; border-collapse: collapse; margin-top: 4px; border: 1px solid #000; }\n                                .signature-cell { border: 1px solid #000; padding: 2px; text-align: center; min-height: 18px; font-size: 9px; }\n                                .signature-cell label { font-weight: bold; display: block; margin-bottom: 2px; }\n                                .footer-text { padding: 3px 12px; font-size: 8px; line-height: 1.2; background-color: #f9f9f9 !important; border-top: 1px solid #000; text-align: justify; margin: 0; }\n                                .footer-signatures { display: flex; justify-content: space-between; align-items: flex-start; padding: 8px 15px 6px 15px; background-color: #fff; border-top: 1px solid #000; gap: 6px; margin: 0; }\n                                .signature-left, .signature-right { flex: 1; text-align: center; }\n                                .signature-center { flex: 1.2; display: flex; justify-content: center; align-items: center; }\n                                .signature-line { border-top: 1px solid #000; width: 100px; margin: 0 auto 3px auto; }\n                                .title-text { font-size: 9px; margin: 2px 0; font-weight: bold; color: #000; }\n                                .signature-image { max-width: 50px; height: auto; margin-top: 2px; }\n                                .stamp-wrapper { position: relative; width: 180px; height: 180px; display: flex; justify-content: center; align-items: center; }\n                                .stamp-wrapper .stamp-image { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }\n                                .stamp-wrapper .date-inside-stamp { position: absolute; top: 53%; left: 49%; transform: translate(-52%, -36%); font-size: 10px; font-weight: bolder; color: #c41e3a !important; text-align: center; padding: 0; white-space: nowrap; z-index: 10; }\n                                .customs-header { font-size: 8px; color: #1a365d !important; margin: 0 0 2px 0; font-weight: bold; line-height: 1.2; }\n                                .company-name { font-size: 9px; color: #1a365d !important; margin: 0 0 6px 0; font-weight: bold; }\n                                .print-button { display: none !important; }\n                                @media print { body { margin: 0; padding: 0; } .receipt-container { page-break-inside: avoid; } }\n                            <\/style>\n                        <\/head>\n                        <body>${printContents}<\/body>\n                      <\/html>\n                    `);\n                    newWindow.document.close();\n                    setTimeout(() => newWindow.print(), 400);\n                }\n\n                document.addEventListener('DOMContentLoaded', function() {\n                    const trackingForm = document.getElementById('trackingForm');\n                    const resultContainer = document.getElementById('resultContainer');\n\n                    if (!trackingForm || !resultContainer) {\n                        console.error('Required elements not found.');\n                        return;\n                    }\n\n                    trackingForm.addEventListener('submit', async function(e) {\n                        e.preventDefault();\n\n                        const skrNumber = document.getElementById('skrNumber')?.value.trim() || '';\n                        const trackButton = trackingForm.querySelector('button');\n\n                        if (!trackButton) return;\n\n                        const originalButtonText = trackButton.innerHTML;\n\n                        try {\n                            trackButton.innerHTML = 'Searching...';\n                            trackButton.disabled = true;\n                            resultContainer.style.display = 'block';\n                            resultContainer.innerHTML = `\n                                <div class=\"alert alert-info\" role=\"alert\">\n                                    <div>Searching for tracking code: ${skrNumber}...<\/div>\n                                    <div class=\"mt-2\"><small>Connecting to database...<\/small><\/div>\n                                <\/div>\n                            `;\n                            \n                            \/\/ No nonce needed \u2014 this is a public read-only lookup\n                            const requestBody = new URLSearchParams({\n                                action: 'track_storage_request',\n                                skr_number: skrNumber\n                            });\n\n                            const response = await fetch(ajaxurl, {\n                                method: 'POST',\n                                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                                body: requestBody,\n                                credentials: 'same-origin'\n                            });\n\n                            if (!response.ok) {\n                                throw new Error(`HTTP error! status: ${response.status}`);\n                            }\n\n                            const data = await response.json();\n                            trackButton.innerHTML = originalButtonText;\n                            trackButton.disabled = false;\n\n                            if (data.success) {\n                                const rawDate = data.storage_details.date ? new Date(data.storage_details.date) : null;\n                                const depositDate = rawDate \n                                    ? `${rawDate.toLocaleDateString('en-US', { month: 'short' }).toUpperCase()} ${rawDate.getDate()}, ${rawDate.getFullYear()}`\n                                    : 'N\/A';\n\n                                const depositorName = data.storage_details.depositor_name || 'N\/A';\n                                const descriptionOfGoods = data.storage_details.description_of_goods || 'N\/A';\n                                const quantity = data.storage_details.quantity || 'N\/A';\n                                const origin = data.storage_details.origin || 'N\/A';\n                                const statusOfGoods = 'Stored';\n\n                                resultContainer.innerHTML = `\n                                    <div class=\"receipt-container\">\n                                        <div class=\"header\">\n                                            <div class=\"header-left\">\n                                                <img decoding=\"async\" src=\"https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2024\/11\/surelogo.png\" alt=\"Company Logo\" class=\"logo\">\n                                                <p><strong>Location:<\/strong> Airways House, Colville Street<\/p>\n                                                <p>Kampala, Uganda<\/p>\n                                            <\/div>\n                                            <div class=\"header-right\">\n                                                <p><strong>Email:<\/strong> info@bluelinelogisticsafrica.com<\/p>\n                                                <p><strong>Tel:<\/strong> +256 746 529 980 \/ +256 706 616 635<\/p>\n                                                <p><strong>WhatsApp:<\/strong> +256 200 911 035<\/p>\n                                                <div class=\"qr-section\">\n                                                    <canvas id=\"qrCodeCanvas\"><\/canvas>\n                                                <\/div>\n                                                <div class=\"confidential-badge\">CONFIDENTIAL<\/div>\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"title-section\">\n                                            <h2>WAREHOUSE SAFE KEEPING RECEIPT - SKR<\/h2>\n                                        <\/div>\n\n                                        <div class=\"barcode-section\">\n                                            <div class=\"barcode-left\">\n                                                <svg width=\"200\" height=\"40\" style=\"background: white;\">\n                                                    <g id=\"barcode\"><\/g>\n                                                <\/svg>\n                                                <div style=\"text-align: center; font-size: 0.7em; font-weight: bold;\">${skrNumber}<\/div>\n                                            <\/div>\n                                            <div class=\"barcode-right\">\n                                                <canvas id=\"trackingQR\"><\/canvas>\n                                                <div class=\"tracking-number\">Tracking: ${skrNumber}<\/div>\n                                            <\/div>\n                                        <\/div>\n\n                                        <table class=\"info-table\">\n                                            <tr>\n                                                <td class=\"label\">Depositor's Name:<\/td>\n                                                <td class=\"value\" colspan=\"3\"><strong>${depositorName}<\/strong><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"label\">SKR Number:<\/td>\n                                                <td class=\"value\"><strong>${skrNumber}<\/strong><\/td>\n                                                <td class=\"label\">Date:<\/td>\n                                                <td class=\"value\"><strong>${depositDate}<\/strong><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"label\">Country of Origin:<\/td>\n                                                <td class=\"value\"><strong>${origin}<\/strong><\/td>\n                                                <td class=\"label\">Status:<\/td>\n                                                <td class=\"value\"><span style=\"background-color: #28a745; color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 0.9em; font-weight: bold;\">${statusOfGoods}<\/span><\/td>\n                                            <\/tr>\n                                        <\/table>\n\n                                        <div class=\"details-description\">\n                                            <strong>Details Description of the Consignment<\/strong>\n                                        <\/div>\n\n                                        <table class=\"main-table\">\n                                            <tr>\n                                                <td class=\"field-label\">Description of Goods:<\/td>\n                                                <td class=\"field-value\" colspan=\"3\"><strong>${descriptionOfGoods}<\/strong><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"field-label\">Quantity:<\/td>\n                                                <td class=\"field-value\"><strong>${quantity}<\/strong><\/td>\n                                                <td class=\"field-label\">Origin:<\/td>\n                                                <td class=\"field-value\"><strong>${origin}<\/strong><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"field-label\">Declared Value:<\/td>\n                                                <td class=\"field-value\" colspan=\"3\"><strong>${data.storage_details.declared_value || 'TBA'}<\/strong><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"field-label\">Packaging:<\/td>\n                                                <td class=\"field-value\" colspan=\"3\">\n                                                    <div class=\"checkbox-group\">\n                                                        <input type=\"checkbox\"><label>Carton<\/label>\n                                                        <input type=\"checkbox\"><label>Bag<\/label>\n                                                        <input type=\"checkbox\"><label>Box<\/label>\n                                                    <\/div>\n                                                <\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"field-label\">Confirmation:<\/td>\n                                                <td class=\"field-value\" colspan=\"3\">\n                                                    <input type=\"checkbox\"> AS RECEIVED <input type=\"checkbox\"> AS DECLARED\n                                                <\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"field-label\">Check:<\/td>\n                                                <td class=\"field-value\" colspan=\"3\">\n                                                    <div class=\"checkbox-group\">\n                                                        <input type=\"checkbox\"><label>Dangerous<\/label>\n                                                        <input type=\"checkbox\"><label>Return Claim<\/label>\n                                                        <input type=\"checkbox\"><label>Gov. Seizure<\/label>\n                                                    <\/div>\n                                                <\/td>\n                                            <\/tr>\n                                        <\/table>\n\n                                        <div class=\"details-description\" style=\"background-color: #fffacd;\">\n                                            <strong>CERTIFICATE STORAGE<\/strong> - Amount: <strong>${data.storage_details.declared_value || 'TBA'}<\/strong>\n                                        <\/div>\n\n                                        <div class=\"footer-text\">\n                                            I certify compliance with import regulations 19 CFR 12.109-12.119 for Warehousing Services. I warrant the property described and am the legal owner or have authority to make this declaration. All information is true and correct. Civil or criminal penalties may apply for false statements.\n                                        <\/div>\n\n                                        <table class=\"signature-grid\">\n                                            <tr>\n                                                <td class=\"signature-cell\"><label>Date<\/label><\/td>\n                                                <td class=\"signature-cell\"><label>Received By<\/label><\/td>\n                                                <td class=\"signature-cell\"><label>Quantity<\/label><\/td>\n                                                <td class=\"signature-cell\"><label>Origin<\/label><\/td>\n                                                <td class=\"signature-cell\"><label>Status<\/label><\/td>\n                                                <td class=\"signature-cell\"><label>Signature<\/label><\/td>\n                                            <\/tr>\n                                            <tr>\n                                                <td class=\"signature-cell\"><strong>${depositDate}<\/strong><\/td>\n                                                <td class=\"signature-cell\"><strong>KABAGAMBE SHABAN<\/strong><\/td>\n                                                <td class=\"signature-cell\"><strong>${quantity}<\/strong><\/td>\n                                                <td class=\"signature-cell\"><strong>${origin}<\/strong><\/td>\n                                                <td class=\"signature-cell\"><span style=\"background-color: #28a745; color: #fff; padding: 1px 5px; border-radius: 2px; font-weight: bold;\">${statusOfGoods}<\/span><\/td>\n                                                <td class=\"signature-cell\"><\/td>\n                                            <\/tr>\n                                        <\/table>\n\n                                        <div class=\"footer-signatures\">\n                                            <div class=\"signature-left\">\n                                                <div class=\"signature-line\"><\/div>\n                                                <p class=\"title-text\">WAREHOUSE MANAGER<\/p>\n                                                <img decoding=\"async\" src=\"https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2025\/12\/manager.png\" alt=\"Manager Signature\" class=\"signature-image\">\n                                            <\/div>\n                                            \n                                            <div class=\"signature-center\">\n                                                <div class=\"stamp-wrapper\">\n                                                    <img decoding=\"async\" src=\"https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2025\/12\/stamp.png\" alt=\"Official Stamp\" class=\"stamp-image\">\n                                                    <div class=\"date-inside-stamp\">${depositDate}<\/div>\n                                                <\/div>\n                                            <\/div>\n                                            \n                                            <div class=\"signature-right\">\n                                                <p class=\"customs-header\">CUSTOMS OFFICER DESIGNATED TO THE<br>BONDING COMPANY OF:<\/p>\n                                                <p class=\"company-name\">BLUELINE LOGISTICS LTD<\/p>\n                                                <div class=\"signature-line\"><\/div>\n                                                <p class=\"title-text\">WAREHOUSE OFFICER<\/p>\n                                                <img decoding=\"async\" src=\"https:\/\/bluelinelogisticsafrica.com\/wp-content\/uploads\/2025\/12\/manager2.png\" alt=\"Officer Signature\" class=\"signature-image\">\n                                            <\/div>\n                                        <\/div>\n\n                                        <div class=\"print-button\">\n                                            <button onclick=\"printReceipt()\">Print or Download PDF<\/button>\n                                        <\/div>\n                                    <\/div>\n                                `;\n\n                                \/\/ Generate QR Codes\n                                const qrCanvas = document.getElementById('qrCodeCanvas');\n                                const trackingQR = document.getElementById('trackingQR');\n                                \n                                if (qrCanvas && typeof QRCode !== 'undefined') {\n                                    try {\n                                        await QRCode.toCanvas(qrCanvas, `https:\/\/bluelinelogisticsafrica.com\/track\/${skrNumber}`, { width: 55, margin: 1 });\n                                    } catch (qrError) {\n                                        console.error('QR Code error:', qrError);\n                                    }\n                                }\n\n                                if (trackingQR && typeof QRCode !== 'undefined') {\n                                    try {\n                                        await QRCode.toCanvas(trackingQR, skrNumber, { width: 65, margin: 1 });\n                                    } catch (qrError) {\n                                        console.error('Tracking QR error:', qrError);\n                                    }\n                                }\n\n                                \/\/ Generate Barcode\n                                const barcodeElement = document.getElementById('barcode');\n                                if (barcodeElement) {\n                                    let x = 0;\n                                    for (let i = 0; i < 50; i++) {\n                                        const width = Math.random() > 0.5 ? 3 : 2;\n                                        const color = i % 2 === 0 ? '#000' : '#fff';\n                                        const rect = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\n                                        rect.setAttribute('x', x);\n                                        rect.setAttribute('y', '0');\n                                        rect.setAttribute('width', width);\n                                        rect.setAttribute('height', '35');\n                                        rect.setAttribute('fill', color);\n                                        barcodeElement.appendChild(rect);\n                                        x += width;\n                                    }\n                                }\n\n                            } else {\n                                resultContainer.innerHTML = `\n                                    <div class=\"alert alert-warning\" role=\"alert\">\n                                        <h5>No Results Found<\/h5>\n                                        <p>No storage information found for: ${skrNumber}<\/p>\n                                        <p>${data.message || 'Please verify the tracking code.'}<\/p>\n                                    <\/div>\n                                `;\n                            }\n                        } catch (error) {\n                            console.error('Error:', error);\n                            trackButton.innerHTML = originalButtonText;\n                            trackButton.disabled = false;\n                            resultContainer.innerHTML = `\n                                <div class=\"alert alert-danger\" role=\"alert\">\n                                    <h5>Error<\/h5>\n                                    <p>${error.message}<\/p>\n                                <\/div>\n                            `;\n                        }\n                    });\n                });\n                <\/script>\n\n    <\/div>\n    [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/pages\/456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=456"}],"version-history":[{"count":4,"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/pages\/456\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=\/wp\/v2\/pages\/456\/revisions\/918"}],"wp:attachment":[{"href":"https:\/\/bluelinelogisticsafrica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}