{* Title *}
{$meta_title = 'Изображения' scope=root}

{* Container *}
<div class="container-fluid">

    {* Head *}
    <div class="nk-block-head nk-block-head-sm">
        <div class="nk-block-between">

            {* Title *}
            <div class="nk-block-head-content">
                <h3 class="nk-block-title page-title">
                    Изображения темы {$theme}
                </h3>
                <div class="nk-block-des text-soft">
                    <p>Управление изображениями установленной темы магазина.</p>
                </div>
            </div>

        </div>
    </div>

    {* Error *}
    {if $message_error}
    <div class="pb-2">
        <div class="alert alert-fill alert-danger alert-icon">
            <em class="icon ti ti-circle-x"></em>
            {if $message_error == 'permissions'}
                Установите права на запись для папки {$images_dir}.
            {elseif $message_error == 'name_exists'}
                Файл с таким именем уже существует.
            {elseif $message_error == 'theme_locked'}
                Текущая тема защищена от изменений. Создайте копию темы.
            {else}
                {$message_error}.
            {/if}
        </div>
    </div>
    {else}
    <div class="card card-preview mb-3">
        <div class="row card-inner">
            {foreach $dirs AS $d}
            <div class="col-2">
				<a href='{url module='ImagesAdmin'  dir="`$current_dir``$d`"}'>
					<span class="nk-file-icon-type" style="width:30px;">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
                            <g><rect x="32" y="16" width="28" height="15" rx="2.5" ry="2.5" style="fill:#f29611"></rect><path d="M59.7778,61H12.2222A6.4215,6.4215,0,0,1,6,54.3962V17.6038A6.4215,6.4215,0,0,1,12.2222,11H30.6977a4.6714,4.6714,0,0,1,4.1128,2.5644L38,24H59.7778A5.91,5.91,0,0,1,66,30V54.3962A6.4215,6.4215,0,0,1,59.7778,61Z" style="fill:#ffb32c"></path><path d="M8.015,59c2.169,2.3827,4.6976,2.0161,6.195,2H58.7806a6.2768,6.2768,0,0,0,5.2061-2Z" style="fill:#f2a222"></path></g>
                        </svg>
					</span>
					<span>
						{$d}
					</span>
				</a>
			</div>
            {/foreach}
            {if $smarty.get.dir}
            <div class="col-2">
                <a href="{url module='ImagesAdmin'}">
                    <span>
                        Назад
                    </span>
                </a>
            </div>
            {/if}
		</div>
	</div>

    {* Main block *}
    <div class="nk-block">

        {* Form *}
        <form method="post" enctype="multipart/form-data">

            {* Inputs *}
            <input type="hidden" name="delete_image" value="">

            {* Upload *}
            <div class="card card-bordered mb-3">
                <div class="card-inner">
                    <div class="nk-block-head">
                        <h5 class="title">Загрузка изображения</h5>
                    </div>
                    <div class="form-group">
                        <div class="custom-file">
                            <input type="file" name="upload_images[]" class="custom-file-input" id="upload_images">
                            <label class="custom-file-label" for="upload_images">Выберите файл</label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-7 offset-lg-5">
                            <div class="form-group mt-2">
                                <button type="submit" class="btn btn-success">Сохранить</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {* Images *}
            <div class="nk-files nk-files-view-grid">
                <div class="nk-files-list">

                    {foreach $images as $image}
                    <div class="nk-file-item nk-file js-image-item" data-name="{$image->name|escape}">
                        <div class="nk-file-info">
                            <div class="nk-file-link">
                                <div class="nk-file-title">

                                    {* Image *}
                                    <div class="nk-file-icon">
                                        <span class="nk-file-icon-type w-150px h-150px center of-hidden">
                                            <a href="{$images_dir}{$image->name|escape}" target="_blank">
                                                <img width=150 src="{$images_dir}{$image->name|escape}" class="mh-150px">
                                            </a>
                                        </span>
                                    </div>

                                    {* Rename *}
                                    <div class="nk-file-name">
                                        <div class="nk-file-name-text">
                                            <a href="#" class="title js-image-edit" data-toggle="tooltip" data-placement="top" title="Переименовать">{$image->name}</a>
                                        </div>
                                    </div>
                                </div>

                                {* Info *}
                                <ul class="nk-file-desc">
                                    {if $image->width > 0 && $image->height > 0}
                                    <li>
                                        {$image->width}x{$image->height} px
                                    </li>
                                    {/if}
                                    <li>
                                        {if $image->size>1024*1024}
                                        {($image->size/1024/1024)|round:2} MB
                                        {elseif $image->size>1024}
                                        {($image->size/1024)|round:2} KB
                                        {else}
                                        {$image->size} Байт
                                        {/if}
                                    </li>
                                </ul>
                            </div>
                        </div>

                        {* Delete *}
                        <div class="nk-file-actions hideable">
                            <div class="btn btn-sm btn-icon btn-trigger js-image-delete" data-toggle="tooltip" data-placement="top" title="Удалить">
                                <em class="icon ti ti-trash"></em>
                            </div>
                        </div>
                    </div>
                    {/foreach}

                </div>
            </div>

            <div class="row g-3">
                <div class="col-lg-7 offset-lg-5">
                    <div class="form-group mt-2">
                        <button type="submit" class="btn btn-success">Сохранить</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    {/if}
</div>
