public function embedJs()
{
    $this->setCors();
    header('Content-Type: application/javascript; charset=utf-8');

    echo <<<JS
(function () {
    var script = document.currentScript;
    if (!script) return;

    var containerId = script.getAttribute('data-container') || 'vamprodam-widget';
    var type = script.getAttribute('data-type') || 'active';
    var limit = script.getAttribute('data-limit') || '6';
    var layout = script.getAttribute('data-layout') || 'grid';
    var theme = script.getAttribute('data-theme') || 'light';
    var title = script.getAttribute('data-title') || '';
    var ref = (script.getAttribute('data-ref') || '').trim();

    var container = document.getElementById(containerId);
    if (!container) return;

    var targetUrl = 'https://vam-prodam.ru';
    if (ref && /^[A-Za-z0-9_-]+$/.test(ref)) {
        targetUrl = 'https://vam-prodam.ru/ref/' + ref;
    }

    var endpoint = 'https://vam-prodam.ru/widget/feed'
        + '?type=' + encodeURIComponent(type)
        + '&limit=' + encodeURIComponent(limit);

    fetch(endpoint, { credentials: 'omit' })
        .then(function (r) { return r.json(); })
        .then(function (data) {
            if (!data || !data.status || !Array.isArray(data.items)) return;

            var html = '';

            html += '<div class="vpw-brand">';
            html += '  <a class="vpw-brand-link" href="' + escapeAttr(targetUrl) + '" target="_blank" rel="noopener noreferrer">';
            html += '      <span class="vpw-brand-badge">Вам-Продам</span>';
            html += '  </a>';
            html += '</div>';

            if (title) {
                html += '<div class="vpw-title-main">' + escapeHtml(title) + '</div>';
            }

            html += '<div class="vpw vpw-' + theme + ' vpw-' + layout + '">';

            data.items.forEach(function (item) {
                html += ''
                    + '<a class="vpw-card" href="' + escapeAttr(targetUrl) + '" target="_blank" rel="noopener noreferrer">'
                    +   '<div class="vpw-image">'
                    +       '<img src="' + escapeAttr(item.image) + '" alt="' + escapeAttr(item.title) + '">'
                    +   '</div>'
                    +   '<div class="vpw-body">'
                    +       '<div class="vpw-card-title">' + escapeHtml(item.title) + '</div>'
                    +       '<div class="vpw-price">' + escapeHtml(item.price_text) + '</div>'
                    +   '</div>'
                    + '</a>';
            });

            html += '</div>';
            container.innerHTML = html;

            if (!document.getElementById('vpw-style')) {
                var style = document.createElement('style');
                style.id = 'vpw-style';
                style.innerHTML =
                    '.vpw-brand{margin:0 0 14px}' +
                    '.vpw-brand-link{text-decoration:none;display:inline-block}' +
                    '.vpw-brand-badge{display:inline-block;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#111827,#1d4ed8);color:#fff;font:700 15px/1 Arial,sans-serif;letter-spacing:.2px;box-shadow:0 8px 20px rgba(29,78,216,.22)}' +
                    '.vpw-title-main{font:700 22px/1.3 Arial,sans-serif;margin:0 0 16px;color:#111}' +
                    '.vpw{display:grid;gap:16px;font-family:Arial,sans-serif}' +
                    '.vpw-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}' +
                    '.vpw-list{grid-template-columns:1fr}' +
                    '.vpw-list .vpw-card{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:stretch}' +
                    '.vpw-list .vpw-image{aspect-ratio:auto;height:100%}' +
                    '.vpw-card{text-decoration:none;color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;display:block;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px rgba(0,0,0,.04)}' +
                    '.vpw-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10)}' +
                    '.vpw-image{aspect-ratio:4/3;background:#f3f4f6}' +
                    '.vpw-image img{width:100%;height:100%;object-fit:cover;display:block}' +
                    '.vpw-body{padding:14px}' +
                    '.vpw-card-title{font-size:14px;line-height:1.45;min-height:40px;overflow:hidden}' +
                    '.vpw-price{margin-top:10px;font-size:18px;font-weight:700}' +
                    '.vpw-dark .vpw-card{background:#111827;color:#fff;border-color:#1f2937}' +
                    '.vpw-dark .vpw-image{background:#1f2937}' +
                    '.vpw-dark .vpw-title-main{color:#fff}' +
                    '@media (max-width:640px){.vpw-list .vpw-card{grid-template-columns:1fr}}';
                document.head.appendChild(style);
            }
        })
        .catch(function () {});
        
    function escapeHtml(value) {
        return String(value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    function escapeAttr(value) {
        return escapeHtml(value);
    }
})();
JS;
    exit;
}public function embedJs()
{
    $this->setCors();
    header('Content-Type: application/javascript; charset=utf-8');

    echo <<<JS
(function () {
    var script = document.currentScript;
    if (!script) return;

    var containerId = script.getAttribute('data-container') || 'vamprodam-widget';
    var type = script.getAttribute('data-type') || 'active';
    var limit = script.getAttribute('data-limit') || '6';
    var layout = script.getAttribute('data-layout') || 'grid';
    var theme = script.getAttribute('data-theme') || 'light';
    var title = script.getAttribute('data-title') || '';
    var ref = (script.getAttribute('data-ref') || '').trim();

    var container = document.getElementById(containerId);
    if (!container) return;

    var targetUrl = 'https://vam-prodam.ru';
    if (ref && /^[A-Za-z0-9_-]+$/.test(ref)) {
        targetUrl = 'https://vam-prodam.ru/ref/' + ref;
    }

    var endpoint = 'https://vam-prodam.ru/widget/feed'
        + '?type=' + encodeURIComponent(type)
        + '&limit=' + encodeURIComponent(limit);

    fetch(endpoint, { credentials: 'omit' })
        .then(function (r) { return r.json(); })
        .then(function (data) {
            if (!data || !data.status || !Array.isArray(data.items)) return;

            var html = '';

            html += '<div class="vpw-brand">';
            html += '  <a class="vpw-brand-link" href="' + escapeAttr(targetUrl) + '" target="_blank" rel="noopener noreferrer">';
            html += '      <span class="vpw-brand-badge">Вам-Продам</span>';
            html += '  </a>';
            html += '</div>';

            if (title) {
                html += '<div class="vpw-title-main">' + escapeHtml(title) + '</div>';
            }

            html += '<div class="vpw vpw-' + theme + ' vpw-' + layout + '">';

            data.items.forEach(function (item) {
                html += ''
                    + '<a class="vpw-card" href="' + escapeAttr(targetUrl) + '" target="_blank" rel="noopener noreferrer">'
                    +   '<div class="vpw-image">'
                    +       '<img src="' + escapeAttr(item.image) + '" alt="' + escapeAttr(item.title) + '">'
                    +   '</div>'
                    +   '<div class="vpw-body">'
                    +       '<div class="vpw-card-title">' + escapeHtml(item.title) + '</div>'
                    +       '<div class="vpw-price">' + escapeHtml(item.price_text) + '</div>'
                    +   '</div>'
                    + '</a>';
            });

            html += '</div>';
            container.innerHTML = html;

            if (!document.getElementById('vpw-style')) {
                var style = document.createElement('style');
                style.id = 'vpw-style';
                style.innerHTML =
                    '.vpw-brand{margin:0 0 14px}' +
                    '.vpw-brand-link{text-decoration:none;display:inline-block}' +
                    '.vpw-brand-badge{display:inline-block;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#111827,#1d4ed8);color:#fff;font:700 15px/1 Arial,sans-serif;letter-spacing:.2px;box-shadow:0 8px 20px rgba(29,78,216,.22)}' +
                    '.vpw-title-main{font:700 22px/1.3 Arial,sans-serif;margin:0 0 16px;color:#111}' +
                    '.vpw{display:grid;gap:16px;font-family:Arial,sans-serif}' +
                    '.vpw-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}' +
                    '.vpw-list{grid-template-columns:1fr}' +
                    '.vpw-list .vpw-card{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:stretch}' +
                    '.vpw-list .vpw-image{aspect-ratio:auto;height:100%}' +
                    '.vpw-card{text-decoration:none;color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;display:block;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px rgba(0,0,0,.04)}' +
                    '.vpw-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10)}' +
                    '.vpw-image{aspect-ratio:4/3;background:#f3f4f6}' +
                    '.vpw-image img{width:100%;height:100%;object-fit:cover;display:block}' +
                    '.vpw-body{padding:14px}' +
                    '.vpw-card-title{font-size:14px;line-height:1.45;min-height:40px;overflow:hidden}' +
                    '.vpw-price{margin-top:10px;font-size:18px;font-weight:700}' +
                    '.vpw-dark .vpw-card{background:#111827;color:#fff;border-color:#1f2937}' +
                    '.vpw-dark .vpw-image{background:#1f2937}' +
                    '.vpw-dark .vpw-title-main{color:#fff}' +
                    '@media (max-width:640px){.vpw-list .vpw-card{grid-template-columns:1fr}}';
                document.head.appendChild(style);
            }
        })
        .catch(function () {});
        
    function escapeHtml(value) {
        return String(value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }

    function escapeAttr(value) {
        return escapeHtml(value);
    }
})();
JS;
    exit;
}<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Что-то пошло не так!</title>

    <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css"/>
    <link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700&subset=latin,cyrillic" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="/resources/view/web/assets/fonts/fontawesome.css" />
<link rel="stylesheet" href="/resources/view/web/assets/fonts/tabler-icons.css" />
<link rel="stylesheet" href="/resources/view/web/assets/fonts/flag-icons.css" />
<link rel="stylesheet" href="/resources/view/web/assets/vendors/bootstrap/css/bootstrap.min.css?100" />
<link rel="stylesheet" href="/resources/view/web/assets/css/animate.css" />
<link rel="stylesheet" href="/resources/view/web/assets/css/main.css" />
<link rel="stylesheet" href="/resources/view/web/assets/vendors/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="/resources/view/web/assets/vendors/intl-tel-input/intlTelInput.css" />
<link rel="stylesheet" href="/resources/view/web/assets/vendors/plyr/plyr.css" />
<link rel="stylesheet" href="/resources/view/web/assets/vendors/bootstrap-datepicker/bootstrap-datepicker.css" />
    <style type="text/css">
        .container{
            text-align: center;
            margin-top: 150px;
        }
        img{
            height: 256px; margin-bottom: 45px;
        }
        h2{
            font-weight: bold;
        }
    </style>

</head>
<body>

<div class="container" >
    <img src="/storage/images/image-500.webp">
    <h2>Что-то пошло не так!</h2>
    <p>Наш сис админ уже в пути!</p>
    <div class="mt15" ><a class="btn-custom button-color-scheme2" href="https://vam-prodam.ru">Вернуться на сайт</a></div>
</div>

</body>
</html>