{include file=$header_admin h1="Редактор шаблона" title="Редактор шаблона"}


<h1>Редактор шаблона</h1>

<input type="hidden">
<div id="tabs">
    <!-- Кнопки -->
    <ul class="tabs-nav">
        <li><a href="#header"><i class="fa-sharp fa-solid fa-list"></i> header</a></li>
        <li><a href="#footer"><i class="fa-sharp fa-solid fa-list"></i> footer</a></li>
        <li><a href="#css"><i class="fa-sharp fa-solid fa-list"></i> css</a></li>
        <li><a href="#js"><i class="fa-sharp fa-solid fa-list"></i> js</a></li>
    </ul>
    <!-- Контент -->
    <div class="tabs-items">
        <div class="tabs-item" id="header">

            <textarea class="hidden" id="ta-header">{$codeHeader}</textarea>
            <div id="editor-header" style="height: 600px; margin-top: 20px;"></div>
        </div>
        <div class="tabs-item" id="footer">

            <textarea class="hidden" id="ta-footer">{$codeFooter}</textarea>
            <div id="editor-footer" style="height: 600px; margin-top: 20px;"></div>
        </div>
        <div class="tabs-item" id="css">
            <textarea class="hidden" id="ta-css">{$codeCss}</textarea>
            <div id="editor-css" style="height: 600px; margin-top: 20px;"></div>
        </div>
        <div class="tabs-item" id="js">
            <textarea class="hidden" id="ta-js">{$codeJs}</textarea>
            <div id="editor-js" style="height: 600px; margin-top: 20px;"></div>
        </div>
    </div>
</div>



<button id="ok" class="btn btn-dark">Сохранить</button>
{include file=$footer_admin plugins='
<script src="/api/soft/ace/ace-builds/src-min-noconflict/ace.js"></script><script src="https://crm.rush-nt.ru/api/js/tabs/js.js"></script>
<link href="https://crm.rush-nt.ru/api/js/tabs/css.css" rel="stylesheet" />'}