{include file=$header_admin h1="Настройка слайдов" title="Настройка слайдов"}
{* Опции слайдера *}
<h1 class="title text-center">
    <!-- i class="fa fa-cog" style="font-size: 25pt;" title="Настройки" data-toggle="modal" data-target="#mod_settings"></i -->
</h1>
<div class="ibox">
    <div class="ibox-head">
      
        <div class="ibox-title">Управление слайдером на главной странице</div>
      
        <ul class="nav nav-tabs tabs-line pull-right">
            <li class="nav-item">
                <a class="nav-link active" href="#tab-8-0" data-toggle="tab"><i class="fa-solid fa-cloud-arrow-up"></i> Загрузка</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="#tab-8-1" data-toggle="tab"><i class="fa-solid fa-cloud-arrow-up"></i> Категории слайдов</a>
            </li>
      
        </ul>
    </div>
    <div class="ibox-body">
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tab-8-0">
                <div id="MAIN">
                    <h3>Загрузка</h3>
                    <form action="" method=post enctype='multipart/form-data' class="form-group">
                        <div class="form-group">
                            <label for="upload_img">Картинка</label>
                            <input type="file" class=form-control name='img' id="upload_img">
                        </div>
                        <input type="text" name="title" placeholder="Заголовок слайда" class="form-control mt-3">
                        <input type="text" name="txt" placeholder="Текст" class="form-control mt-3">
                        <input type="text" name="link" placeholder="Ссылка" class="form-control mt-3">
                        <input type="text" name="sort" placeholder="Сортировка" class="form-control mt-3" value="1">


                        <select class="form-control mt-3" name='slideCategory'>

                            <option value="0">Нет</option>
    
                            {section name=customer loop=$slideCategory}
    
                            <option value="{$slideCategory[customer].id}" > {$slideCategory[customer].title}</option>
                            {/section}
    
                                                    </select>

                        <input type="submit" name="ok" value="Добавить" class="btn btn-success mt-3">

                        
                    </form>
            
            
            
                    <table class="table" id="filter-table">
            
            
                        <thead>
                            <tr>
                              <th scope="col">ID</th>
                              <th scope="col">Сортирвка</th>
                              <th scope="col">Заголовок</th>
                              <th scope="col">Текст</th>
                              <th scope="col">Ссылка</th>
                              <th scope="col">Группа</th>
                              <th scope="col">Картинка</th>
                              <th scope="col">Действия</th>
                            </tr>
                          </thead>
            
            
            
                          <tr class='table-filters'>
                            <td>
                                <input type="text" class="form-control">
                            </td>
                            <td>
                                <input type="text" class="form-control">
                            </td>
                            <td>
                              <input type="text" class="form-control">
                            </td>
                            <td>
                                <input type="text" class="form-control">
                              </td>
                            <td>
                                <input type="text" class="form-control">
                            </td>
                            <td><input type="text" class="form-control"></td>
                            <td></td>
                            <td></td>
                          </tr>
            
            
            
                          {section name=customer loop=$sliders}
                    <tr class='table-data' id="li_{$sliders[customer].id}">
                    <td>{$sliders[customer].id}</td>
                    <td><input type="text" class="form-control qs" data-id="{$sliders[customer].id}" data-do="sort" value="{$sliders[customer].sort}"></td>
                    <td><input type="text" class="form-control qs" data-id="{$sliders[customer].id}" data-do="title" value="{$sliders[customer].title}"></td>
                    <td><input type="text" class="form-control qs" data-id="{$sliders[customer].id}" data-do="txt" value="{$sliders[customer].txt}"></td>
                    <td><input type="text" class="form-control qs" data-id="{$sliders[customer].id}" data-do="link" value="{$sliders[customer].link}"></td>
                    <td><input type="text" class="form-control" data-id="{$sliders[customer].id}" data-do="parent" value="{$sliders[customer].parent}"></td>
                    <td><img src="/{$sliders[customer].img}" style="width: 200px;"></td>
                    <td><input type="checkbox" data-id="{$sliders[customer].id}" class="checkboxStatus" {if ($sliders[customer].status==1)} checked{/if}></td>
                  </tr>
                  {/section}
            
                    </table>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
                </div>
            </div>


            <div class="tab-pane fade" id="tab-8-1">

                <div class="input-group">

                <input class="form-control" id="newGroupe">
                <button class="btn btn-success" id="btnNewGroupe">Создать категорию слайдов</button>

                </div>


<table class="table">

                {section name=customer loop=$slideCategory}
    <tr id="c_{$slideCategory[customer].id}"><td>{$slideCategory[customer].title}</td><td><button class="btn btn-danger delCat" data-id="{$slideCategory[customer].id}">Удалить</button></td></tr>
                
                {/section}

            </table>
            </div>
        </div>
    </div>
</div>


    
<!--/div -->
<!--link rel='stylesheet' href='/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.css'><link rel='stylesheet' href='/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.theme.min.css' -->
{include file=$footer_admin}