{include file=$header_admin h1="Настройка слайдов" title="Настройка слайдов"}
{* Опции слайдера *}
<div id="tabs">
    <ul>
        <li><a href="#MAIN">Слайды</a></li>
        <li><a href="#OPT">Настройки слайдов</a></li>
    </ul>

    <div id="OPT">
      <h3>Опции слайдера</h3>
          <form id="mod_set">
              <div class="form-group">
                  <label for="opt_w">Ширина (px)</label>
                  <input type="text" class="form-control" id="opt_w" name="opt_w" aria-describedby="emailHelp" value="{$ms.opt_w}">
                  <small id="emailHelp" class="form-text text-muted">Вводим только циферки</small>
              </div>
              <div class="form-group">
                  <label for="opt_h">Высота (px)</label>
                  <input type="text" class="form-control" id="opt_h" name="opt_h" value="{$ms.opt_h}">
              </div>
              <div class="form-group">
                  <label for="opt_q">Качество (1-100)</label>
                  <input type="text" class="form-control" id="opt_q" name="opt_q" value="{$ms.opt_q}">
              </div>
              <button type="submit" class="btn btn-primary">Сохранить</button>
         </form>

<div class="alert alert-success hide" id="opt_res" role="alert">
  Настройки успешно сохранены
</div>

    </div>
    <div id="MAIN">
       {* слайды и загрузка*}
       <table class=table>
           {section name=customer loop=$sliders}
	       {if $sliders[customer].id}
                   <tr>
                       <td style="width: 250px;">
                           <img src="/img/slider/{$sliders[customer].img}.jpg" style="width: 100%;">
                       </td>
                       <td>
                           {$sliders[customer].h3}<br>
                           {$sliders[customer].txt}<br>
                           {$sliders[customer].link}<br>
                           <a href="/slider_edit/{$sliders[customer].id}">Удалить</a>
                       </td>
                   </tr>
                {/if}
            {/section}
        </table>
        <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="h3" placeholder="Заголовок слайда" class="form-control">
            <input type="text" name="txt" placeholder="Текст" class="form-control">
            <input type="text" name="link" placeholder="Ссылка" class="form-control">
            <input type="submit" name="ok" value="Добавить" class="btn btn-success">
        </form>
    </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}