{* Тема оформления Experience v.1.0  для Alto CMS      *}
{* @licence     CC Attribution-ShareAlike   *}

{if $_aRequest.blog_id}{$sTarget_id=$_aRequest.blog_id}{else}{$sTarget_id=0}{/if}

<div class="panel panel-default sidebar raised widget widget-blog">
    <div class="panel-body">
        <h4 class="panel-header">
            <i class="fa fa-image"></i>
            {$aLang.widget_blog_avatar_block}
        </h4>

        <div class="panel-content">
            {* БЛОК ЗАГРУЗКИ ИЗОБРАЖЕНИЯ *}
            <div class              ="js-alto-uploader"
                 data-target        ="blog_avatar"
                 data-target-id     ="{$sTarget_id}"
                 data-empty         ="{asset file="images/empty_image.png" theme=true}"
                 data-preview-crop  ="222x222crop"
                 data-crop          ="no">

                {* Картинка фона блога *}
                {img attr=[
                    'src'           => "{asset file="images/empty_image.png" theme=true}",
                    'alt'           => "image",
                    'class'         => "thumbnail js-uploader-image",
                    'target-type'   => "blog_avatar",
                    'crop'          => '222x222crop',
                    'target-id'     => "{$sTarget_id}"
                ]}

                {* Меню управления аватаром блога *}
                <div class="uploader-actions tac">

                    {* Кнопка загрузки картинки *}
                    <a class="js-uploader-button-upload" href="#" onclick="return false">
                        <i class="fa fa-upload"></i>&nbsp;
                        {$aLang.uploader_image_upload}
                    </a>

                    {* Кнопка удаления картинки *}
                    <br/>
                    <a href="#" onclick="return false;" class="js-uploader-button-remove"
                       {if !$bImageIsTemporary}style="display: none;"{/if}>
                        <i class="fa fa-times"></i>&nbsp;{$aLang.uploader_image_delete}
                    </a>

                    {* Файл для загрузки *}
                    <input type="file" name="uploader-upload-image" class="uploader-actions-file js-uploader-file">

                </div>

                {* Форма обрезки картинки при ее загрузке *}
                {include_once file="modals/modal.crop_img.tpl"}

            </div>
        </div>

    </div>
</div>