{function razdel_61_tr btn=0 table=''}
<tr class="{$table}_tr">
    <td>
        {if !count($lib)}
        {if $btn==0}
        <a href="#" class="btn btn-warning btn-sm btn_add_tr" data-table="{$table}"><i class="bi bi-plus-square"></i></a>
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
    </td>
    <td><input type="text" class="form-control {$table}_td" data-name="name"  value="{if isset($lib.name)}{$lib.name|escape}{/if}"></td>
    <td><input type="text" class="form-control {$table}_td" data-name="url"   value="{if isset($lib.url)}{$lib.url}{/if}"></td>
</tr>
{/function}

{function library table='' razd=''}
{if $razd=="61"}{assign var="LIBS" value=$LIBS61}{/if}
{if $razd=="62"}{assign var="LIBS" value=$LIBS62}{/if}

{if count($LIBS)}
<p>Литература полученная из библиотеки (нажимайте на <a href="#" class="btn btn-warning btn-sm"><i class="bi bi-plus-square"></i></a> для добавления в таблицу)</p>
<div class="table-responsive" style="height:300px;">
<table class="table">
    <thead>
    <tr>
        <th>Выбор</th>
        <th>Название</th>
        <th>Ссылка</th>
    </tr>
    </thead>
    <tbody>
    {foreach from=$LIBS item=lib key=$k}
    <tr id="{$table}_libtr_{$k}">
        <td><a href="#" class="btn btn-warning btn-sm btn_libadd_tr" data-table="{$table}" data-id="{$k}"><i class="bi bi-plus-square"></i></a></td>
        <td id="{$table}_name_{$k}">{$lib.P_I|escape} {$lib.AVT_Z|escape} {$lib.DAT|strip_tags|escape}</td>
        <td>
            {*<a href="http://lib.mkgtu.ru:8004/catalog/fol2?SHOW_ONE_BOOK+{$lib.BOOK}" target="_blank">ссылка</a>
            <span id="{$table}_url_{$k}" style="display: none;">http://lib.mkgtu.ru:8004/catalog/fol2?SHOW_ONE_BOOK+{$lib.BOOK}</span>*}
            <a href="{$lib.URL}" target="_blank">ссылка</a>
            <span id="{$table}_url_{$k}" style="display: none;">{$lib.URL}</span>
        </td>
    </tr>
    {/foreach}
    </tbody>
</table>
</div>
{/if}
{/function}

{literal}<script>$(document).ready(function(){
    //Добавление строки в таблицу
    $(document).on("click", ".btn_add_tr", function(){
        let table = $(this).data('table');
        let tr = $('#'+table+'_orig').val();         //получили оригинал
        $('#'+table).append(tr);                   //добавили
        //$(this).closest('.table_61_tr').before(tr);
        return false;
    });
    //Удаление строки из таблицы
    $(document).on("click", ".btn_del_tr", function(){
        let table = $(this).data('table');
        $(this).closest('.'+table+'_tr').remove();
        return false;
    });
    //Добавление из библиотеки строки в таблицу
    $(document).on("click", ".btn_libadd_tr", function(){
        let id = $(this).data('id');
        let table = $(this).data('table');
        let name = $('#'+table+'_name_'+id).html();
        let url = $('#'+table+'_url_'+id).html();
        let tr = '<tr class="'+table+'_tr">\n' +
            '    <td><a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="'+table+'"><i class="bi bi-trash"></i></a></td>\n' +
            '    <td><input type="text" class="form-control '+table+'_td" data-name="name" value="'+escapeHtml(name)+'"></td>\n' +
            '    <td><input type="text" class="form-control '+table+'_td" data-name="url" value="'+url+'"></td>\n' +
            '</tr>';
        $('#'+table).append(tr);
        $('#'+table+'_libtr_'+id).remove();
        return false;
    });
    function escapeHtml(text) {
        var map = {
            '&': '&amp;',
            '<': '&lt;',
            '>': '&gt;',
            '"': '&quot;',
            "'": '&#039;'
        };
        return text.replace(/[&<>"']/g, function(m) { return map[m]; });
    }
})</script>{/literal}

<h3>6. Перечень учебно-методического обеспечения для самостоятельной работы обучающихся по дисциплине (модулю).</h3>
<div class="col-md-12">
    {assign var=table value='table_61'}
    <h4>6.1. Методические указания (собственные разработки) </h4>
    <textarea id="{$table}_orig" style="display: none;">{razdel_61_tr btn=1 table=$table}</textarea>
    <table class="table">
        <thead>
        <tr>
            <th class="col-1">
                <a href="#" class="btn btn-sm btn-danger btnsave_table" data-tds="{$table}_td" data-form="{$table}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
            </th>
            <th class="col-9">Название</th>
            <th class="col-2">Ссылка</th>
        </tr>
        </thead>
        <tbody id="{$table}">
        {foreach from=$save.razdel6_1[1] item=lib}
        {razdel_61_tr lib=$lib table=$table}
        {/foreach}
        {razdel_61_tr lib=array() btn=0 table=$table}
        </tbody>
    </table>
    {library table=$table razd="61"}
</div>

<div class="col-md-12">
    {assign var=table value='table_62'}
    <h4>6.2. Литература для самостоятельной работ</h4>
    <textarea id="{$table}_orig" style="display: none;">{razdel_61_tr btn=1 table=$table}</textarea>
    <table class="table">
        <thead>
        <tr>
            <th class="col-1">
                <a href="#" class="btn btn-sm btn-danger btnsave_table" data-tds="{$table}_td" data-form="{$table}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
            </th>
            <th class="col-9">Название</th>
            <th class="col-2">Ссылка</th>
        </tr>
        </thead>
        <tbody id="{$table}">
        {foreach from=$save.razdel6_2[1] item=lib}
        {razdel_61_tr lib=$lib table=$table}
        {/foreach}
        {razdel_61_tr lib=array() btn=0 table=$table}
        </tbody>
    </table>
    {library table=$table razd="62"}
</div>

<div class="col-md-12">
    <p>Учебно-методические материалы для самостоятельной работы обучающихся из числа инвалидов и лиц с ограниченными возможностями здоровья (ОВЗ) предоставляются в формах, адаптированных к ограничениям их здоровья и восприятия информации:</p>
    <p>Для лиц с нарушениями зрения:</p>
    <ul>
        <li>в печатной форме увеличенным шрифтом,</li>
        <li>в форме электронного документа,</li>
        <li>в форме аудиофайла,</li>
        <li>в печатной форме на языке Брайля.</li>
    </ul>
    <p>Для лиц с нарушениями слуха:</p>
    <ul>
        <li>в печатной форме,</li>
        <li>в форме электронного документа.</li>
    </ul>
    <p>Для лиц с нарушениями опорно-двигательного аппарата:</p>
    <ul>
        <li>в печатной форме,</li>
        <li>в форме электронного документа,</li>
        <li>в форме аудиофайла.</li>
    </ul>
</div>
<!--https://mkgtu.ru/sveden/objects/cabinets/04.03.01-ximiya-okrughayuschey-sredy-himicheskaya-ekspertiza-i-ekologicheskaya-bezopasnosty_op0003.html-->