@php
    $blockUrl = \App\Filament\Resources\Blocks\BlockResource::getUrl('edit', ['record' => '__ID__']);
    $pageUrl = \App\Filament\Resources\Pages\PageResource::getUrl('edit', ['record' => $page]);
@endphp
<style>
.kzcms-bar{position:fixed;left:16px;bottom:16px;z-index:2147483000;display:flex;gap:6px;font:13px/1.2 -apple-system,"Segoe UI",Arial,sans-serif}
.kzcms-bar a{background:#1f2937;color:#fff!important;padding:9px 12px;border-radius:8px;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.kzcms-bar a.kzcms-primary{background:#5a9e14}
.kzcms-bar a:hover{filter:brightness(1.1)}
.kzcms-hl{position:absolute;pointer-events:none;outline:2px dashed #5a9e14;outline-offset:-2px;z-index:2147482998;display:none}
.kzcms-btn{position:absolute;z-index:2147482999;background:#5a9e14;color:#fff!important;font:12px/1 -apple-system,"Segoe UI",Arial,sans-serif;padding:7px 10px;border-radius:0 0 8px 0;text-decoration:none!important;display:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2)}
</style>
<div class="kzcms-bar">
    <a class="kzcms-primary" href="{{ $pageUrl }}">✎ Редактировать страницу</a>
    <a href="?cms=off" title="Посмотреть страницу как посетитель">Скрыть панель</a>
</div>
<div class="kzcms-hl"></div>
<a class="kzcms-btn" href="#"></a>
<script>
(function () {
    var hl = document.querySelector('.kzcms-hl');
    var btn = document.querySelector('.kzcms-btn');
    var tpl = @json($blockUrl);
    var current = null;
    var hideTimer = null;

    function hide() {
        hl.style.display = 'none';
        btn.style.display = 'none';
        current = null;
    }

    function show(el) {
        var r = el.getBoundingClientRect();
        if (r.height < 8 || r.width < 8) { return; }
        var top = r.top + window.pageYOffset, left = r.left + window.pageXOffset;
        hl.style.cssText = 'display:block;top:' + top + 'px;left:' + left + 'px;width:' + r.width + 'px;height:' + r.height + 'px';
        btn.style.cssText = 'display:block;top:' + Math.max(top, window.pageYOffset) + 'px;left:' + left + 'px';
        btn.href = tpl.replace('__ID__', el.getAttribute('data-cms-block'));
        btn.textContent = '✎ ' + (el.getAttribute('data-cms-label') || 'Редактировать блок');
    }

    document.addEventListener('mousemove', function (e) {
        if (e.target === btn) { clearTimeout(hideTimer); return; }
        var el = e.target.closest ? e.target.closest('[data-cms-block]') : null;
        if (!el) { clearTimeout(hideTimer); hideTimer = setTimeout(hide, 300); return; }
        clearTimeout(hideTimer);
        if (el !== current) { current = el; show(el); }
    }, { passive: true });

    window.addEventListener('scroll', function () { if (current) { show(current); } }, { passive: true });
})();
</script>