{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 id="tabs">
    <ul class="tabs-nav">
        <li><a href="#tab-1">Описание</a></li>
        <li><a href="#tab-2">Изображения</a></li>

        <li><a href="#tab-3">Настройки модуля</a></li>
    </ul>
    <div class="tabs-items">
        <div class="tabs-item" id="tab-1">

        </div>
        <div id="tab-2">
            <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>



            <div class="row">
                {section name=customer loop=$img} {if $img[customer].id}

                <div class="col-md-4">
                    <img src="/api/img/gray/gif/gray.gif" class="lazy" data-original="/img/users/{$smarty.session.user_id}/{$img[customer].rnd_name}.jpg" style="width: 100%;">
                </div>


                {/if} {/section}
            </div>
        </div>




        <div id="tab-3" class="pt-3 pb-3 pl-3 pr-3">

            <form id="form_modal_mod_settings" class="m-3">
                <input type="hidden" name='act' value="save_settings_mod">
                <input type="hidden" name="mod" value="{$smarty.get.mod}">
                <h6>Размер обложки</h6>
                <div class="row">
                    <div class="col col-sm col-md col-lg col-xl col-xxl">
                        <input name="w" value="{$mod_settings.w}" class="form-control"> Ширина (px)
                    </div>
                    <div class="col col-sm col-md col-lg col-xl col-xxl">
                        <input name="h" value="{$mod_settings.h}" class="form-control"> Высота (px)
                    </div>
                </div>
                <h6>Размер превью</h6>
                <div class="row">
                    <div class="col col-sm col-md col-lg col-xl col-xxl">
                        <input name="p_w" value="{$mod_settings.p_w}" class="form-control"> Ширина (px)
                    </div>
                    <div class="col col-sm col-md col-lg col-xl col-xxl">
                        <input name="p_h" value="{$mod_settings.p_h}" class="form-control"> Высота (px)
                    </div>
                </div>

            </form>

        </div>



    </div>
</div>

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