{if $smarty.session.dostup=='a' || $smarty.session.dostup=='e'}
{include file=$header_admin title="Создать страницу" h1="Новая страница" settings_mod="1"}
{else}
{include file=$header title="Создать страницу" h1="Новая страница"}
{/if}

<h1 class="title text-center">
    <!-- i class="fa fa-cog" style="font-size: 25pt;" title="Настройки" data-toggle="modal" data-target="#mod_settings"></i -->
</h1>
<!-- form id="form__upload_main_img" action="" method="post" style="display: none;">
    <input type="file" name="main_img" id="input__main_img">
    <input type="hidden" name="act" value="upload_main_img">
    <input type="hidden" name="id" value="{$smarty.const.ID}">
    <input type="hidden" name="mod" value="{$smarty.const.MOD}">

</form -->

<div class="ibox">
    <div class="ibox-head">
        <div class="ibox-title">Редактирование страницы: {$page[0].title|substr:15}</div>
        <ul class="nav nav-tabs tabs-line pull-right">
            <li class="nav-item">
                <a class="nav-link active" href="#tab-8-1" data-toggle="tab"><i class="fa fa-taxi"></i>Редактор</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-2" data-toggle="tab"><i class="fa fa-bus"></i> Картинки</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-4" data-toggle="tab"><i class="fa fa-plane"></i> Опции</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#tab-8-3" data-toggle="tab"><i class="fa fa-plane"></i> SEO</a>
            </li>
        </ul>
    </div>
    <div class="ibox-body">
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tab-8-1">
                {if ($smarty.get.id)}
                <a href="/page/{$smarty.get.id}" type="button" class="btn btn-primary" target="_blank">Посмотреть на сайте</a>
                <a href="/page_edit/" type="button" class="btn btn-primary">Создать еще страницу</a>
                {/if}
                {include file=$editor}
            </div>
            <div class="tab-pane" id="tab-8-2">
                <h3>Первая картинка - главная</h3>

                <div id="drop-area" class="container mt-2">
                    <form class="my-form">
                        <p>Загрузите фотографии</p>
                        <input type="file" id="fileElem" multiple accept="image/*" onchange="handleFiles(this.files)">
                        <label class="button" for="fileElem">Выбрать файлы</label>
                    </form>
                    <progress id="progress-bar" max=100 value=0></progress>
                    <div id="gallery"></div>
                </div>
                <table class="table">
                    {section name=customer loop=$img}
                    <tr id="{$img[customer].filename}">
                        <td style="width: 200px;">
                            <img src="/api/img/gray/gif/gray.gif" class="lazy"
                                data-original="/img.php?filename={$img[customer].filename}&w=300&h=300"
                                style="width: 100%;">
                        </td>
                        <td>

                            {if ($img[customer].uses)}<p style="color: red;">Картинка используется на некоторых страницах сайта</p>{/if}
                            <button type="button" class="btn btn-danger delimg" data-filename="{$img[customer].filename}">Удалить</button>
                        </td>

                        <td>
                            Ширина
                            <input class="form-control str-img" id="img-size-w-{$img[customer].filename}" placeholder="w" data-fm="{$img[customer].filename}" value="300">
                            Высота
                            <input class="form-control str-img" id="img-size-h-{$img[customer].filename}" placeholder="h" data-fm="{$img[customer].filename}" value="200">
                            Результат:
                            <input class="form-control" value="" id="res-{$img[customer].filename}">

                        </td>
                    </tr>
                    {/section}
                </table>
            </div>
            <div class="tab-pane fade" id="tab-8-3">
                <!-- SEO -->

            </div>

            <div class="tab-pane fade" id="tab-8-4">
                <!-- опции -->
                <div class="container">




                    <div class="form-check">
                        <input class="form-check-input page-option" type="checkbox" value="" data-pole="socbtn" data-id="{$smarty.get.id}" {if ($page[0].socbtn)}checked{/if}>
                        <label class="form-check-label" for="flexCheckDefault">
                            Блок социальных кнопок
                        </label>
                    </div>


                    <div class="form-check">
                        <input class="form-check-input page-option" type="checkbox" value="" data-pole="comment" data-id="{$smarty.get.id}" {if ($page[0].comment)}checked{/if}>
                        <label class="form-check-label" for="flexCheckDefault">
                            Разрешить коментарии
                        </label>
                    </div>


                </div>
            </div>
        </div>
        <br>
    </div>
</div>




{if $smarty.session.dostup=='a' || $smarty.session.dostup=='e'} {include file=$footer_admin} {else} {include
file=$footer} {/if}