{if $category->id}
    {$meta_title = $category->name scope=parent}
{else}
    {$meta_title = $btr->category_new  scope=parent}
{/if}

{*Название страницы*}
<div class="row">
    <div class="col-lg-12 col-md-12">
        <div class="wrap_heading">
            <div class="box_heading heading_page">
                {if !$category->id}
                    {$btr->category_add|escape}
                {else}
                    {$category->name|escape}
                {/if}
            </div>
            {if $category->id}
                <div class="box_btn_heading">
                    <a class="btn btn_small btn-info add" target="_blank" href="../{$lang_link}catalog/{$category->url}">
                        {include file='svg_icon.tpl' svgId='icon_desktop'}
                        <span>{$btr->general_open|escape}</span>
                    </a>
                </div>
            {/if}
        </div>
    </div>
    <div class="col-md-12 col-lg-12 col-sm-12 float-xs-right"></div>
</div>

{*Вывод успешных сообщений*}
{if $message_success}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="boxed boxed_success">
                <div class="heading_box">
                    {if $message_success=='added'}
                        {$btr->category_added|escape}
                    {elseif $message_success=='updated'}
                        {$btr->category_updated|escape}
                    {else}
                        {$message_success|escape}
                    {/if}
                    {if $smarty.get.return}
                        <a class="btn btn_return float-xs-right" href="{$smarty.get.return}">
                            {include file='svg_icon.tpl' svgId='return'}
                            <span>{$btr->general_back|escape}</span>
                        </a>
                    {/if}
                </div>
            </div>
        </div>
    </div>
{/if}

{*Вывод ошибок*}
{if $message_error}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="boxed boxed_warning">
                <div class="heading_box">
                    {if $message_error=='url_exists'}
                        {$btr->category_exists|escape}
                    {elseif $message_error == 'empty_name'}
                        {$btr->general_enter_title|escape}
                    {elseif $message_error == 'empty_url'}
                        {$btr->general_enter_url|escape}
                    {elseif $message_error == 'url_wrong'}
                        {$btr->general_not_underscore|escape}
                    {else}
                        {$message_error|escape}
                    {/if}
                </div>
            </div>
        </div>
    </div>
{/if}

{*Главная форма страницы*}
<form method="post" enctype="multipart/form-data" class="fn_fast_button">
    <input type=hidden name="session_id" value="{$smarty.session.id}">
    <input type="hidden" name="lang_id" value="{$lang_id}" />

    <div class="row">
        <div class="col-xs-12">
            <div class="boxed match_matchHeight_true">
                {*Название элемента сайта*}
                <div class="row d_flex">
                    <div class="col-lg-10 col-md-9 col-sm-12">
                        <div class="heading_label">
                            {$btr->general_name|escape}
                        </div>
                        <div class="form-group">
                            <input class="form-control" name="name" type="text" value="{$category->name|escape}"/>
                            <input name="id" type="hidden" value="{$category->id|escape}"/>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-lg-6 col-md-10">
                                <div class="">
                                    <div class="input-group">
                                       <span class="input-group-addon">URL</span>
                                        <input name="url" class="fn_meta_field form-control fn_url {if $category->id}fn_disabled{/if}" {if $category->id}readonly=""{/if} type="text" value="{$category->url|escape}" />
                                        <input type="checkbox" id="block_translit" class="hidden" value="1" {if $category->id}checked=""{/if}>
                                        <span class="input-group-addon fn_disable_url">
                                            {if $category->id}
                                                <i class="fa fa-lock"></i>
                                            {else}
                                                <i class="fa fa-lock fa-unlock"></i>
                                            {/if}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-12">
                        <div class="activity_of_switch">
                            <div class="activity_of_switch_item"> {* row block *}
                                <div class="mgc_switch clearfix">
                                    <label class="switch_label">{$btr->general_enable|escape}</label>
                                    <label class="switch switch-default">
                                        <input class="switch-input" name="visible" value='1' type="checkbox" {if $category->visible}checked=""{/if}/>
                                        <span class="switch-label"></span>
                                        <span class="switch-handle"></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {*Параметры элемента*}
    <div class="row">
        <div class="col-lg-4 col-md-12 pr-0 hidden-sm-down">
            <div class="boxed fn_toggle_wrap min_height_230px">
                <div class="heading_box">
                    {$btr->general_image|escape}
                    <div class="toggle_arrow_wrap fn_toggle_card text-primary">
                        <a class="btn-minimize" href="javascript:;" ><i class="fa fn_icon_arrow fa-angle-down"></i></a>
                    </div>
                </div>
                <div class="toggle_body_wrap on fn_card">
                    <ul class="category_images_list">
                        <li class="category_image_item">
                            {if $category->image}
                            <input type="hidden" class="fn_accept_delete" name="delete_image" value="">
                                <div class="fn_parent_image">
                                    <div class="category_image image_wrapper fn_image_wrapper text-xs-center">
                                        <a href="javascript:;" class="fn_delete_item remove_image"></a>
                                        <img src="{$category->image|resize:300:120:false:$config->resized_categories_dir}" alt="" />
                                    </div>
                                </div>
                            {else}
                                <div class="fn_parent_image"></div>
                            {/if}
                            <div class="fn_upload_image dropzone_block_image {if $category->image} hidden{/if}">
                                <i class="fa fa-plus font-5xl" aria-hidden="true"></i>
                                <input class="dropzone_image dropzone_image0" name="image" type="file" />
                            </div>
                            <div class="category_image image_wrapper fn_image_wrapper fn_new_image text-xs-center">
                                <a href="javascript:;" class="fn_delete_item remove_image"></a>
                                <img src="" alt="" />
                            </div>
                        </li>
                    </ul>
                </div>
            </div>





            <div class="boxed fn_toggle_wrap min_height_230px">
                   <div class="heading_box">
                       {$btr->general_image|escape} большое
                       <div class="toggle_arrow_wrap fn_toggle_card text-primary">
                           <a class="btn-minimize" href="javascript:;" ><i class="fa fn_icon_arrow fa-angle-down"></i></a>
                       </div>
                   </div>
                   <div class="toggle_body_wrap on fn_card">
                       <ul class="category_images_list">
                           <li class="category_image_item">
                               {if $category->image1}
                               <input type="hidden" class="fn_accept_delete1" name="delete_image1" value="">
                                   <div class="fn_parent_image1">
                                       <div class="category_image image_wrapper fn_image_wrapper1 text-xs-center">
                                           <a href="javascript:;" class="fn_delete_item1 remove_image"></a>
                                           <img src="{$category->image1|resize:300:120:false:$config->resized_categories_dir}" alt="" />
                                       </div>
                                   </div>
                               {else}
                                   <div class="fn_parent_image1"></div>
                               {/if}
                               <div class="fn_upload_image1 dropzone_block_image {if $category->image1} hidden{/if}">
                                   <i class="fa fa-plus font-5xl" aria-hidden="true"></i>
                                   <input class="dropzone_image dropzone_image1" name="image1" type="file" />
                               </div>
                               <div class="category_image image_wrapper fn_image_wrapper fn_new_image1 text-xs-center">
                                   <a href="javascript:;" class="fn_delete_item remove_image1"></a>
                                   <img src="" alt="" />
                               </div>
                           </li>
                       </ul>
                   </div>
               </div>


        </div>
        <div class="col-lg-8 col-md-12">
            <div class="boxed fn_toggle_wrap min_height_230px">
                <div class="heading_box">
                    {$btr->category_parameters|escape}
                    <div class="toggle_arrow_wrap fn_toggle_card text-primary">
                        <a class="btn-minimize" href="javascript:;" ><i class="fa fn_icon_arrow fa-angle-down"></i></a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 toggle_body_wrap on fn_card">
                        <div class="row">
                            <div class="col-lg-6 pr-0">
                                <div class="form-group clearfix">
                                    <label class="heading_label" >{$btr->category_h1|escape}</label>
                                    <div>
                                        <input name="name_h1" class="form-control" type="text" value="{$category->name_h1|escape}" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group clearfix">
                                    <label class="heading_label" >{$btr->category_xml_name|escape}</label>
                                    <div>
                                        <input type="text" class="input_autocomplete form-control" name="yandex_name" value="{$category->yandex_name|escape}" placeholder="{$btr->category_select|escape}"/>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div id="product_categories">
                            <div class="heading_box">{$btr->general_category|escape}</div>
                            <select name="parent_id" class="selectpicker mb-1" data-live-search="true" data-size="10">
                                <option value='0'>{$btr->category_root|escape}</option>
                                {function name=category_select level=0}
                                    {foreach $cats as $cat}
                                        {if $category->id != $cat->id}
                                            <option value='{$cat->id}' {if $category->parent_id == $cat->id}selected{/if}>{section name=sp loop=$level}--{/section}{$cat->name}</option>
                                            {category_select cats=$cat->subcategories level=$level+1}
                                        {/if}
                                    {/foreach}
                                {/function}
                                {category_select cats=$categories}
                            </select>
                        </div>





                        <div class="mgc-field" id="product_categories_list_main">
                                            <div class="heading_box">{$btr->general_category_list_main|escape}</div>

                                            <select name="list_main" class="selectpicker mb-1" data-live-search="true" data-size="10">

                                               {foreach $list_main as $k=>$list}
                                                             <option value='{$k}' {if $k == $category->list_main}selected="selected"{/if}>{$list}</option>
                                               {/foreach}


                                            </select>
                                        </div>



                    </div>








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

    {*Параметры элемента*}
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="boxed match fn_toggle_wrap">
                <div class="heading_box">
                    {$btr->general_metatags|escape}
                    <div class="toggle_arrow_wrap fn_toggle_card text-primary">
                        <a class="btn-minimize" href="javascript:;" ><i class="fa fn_icon_arrow fa-angle-down"></i></a>
                    </div>
                </div>
                <div class="toggle_body_wrap on fn_card row">
                    <div class="col-lg-6 col-md-6">
                        <div class="heading_label" >Meta-title <span id="fn_meta_title_counter"></span></div>
                        <input name="meta_title" class="form-control fn_meta_field mb-h" type="text" value="{$category->meta_title|escape}" />
                        <div class="heading_label" >Meta-keywords</div>
                        <input name="meta_keywords" class="form-control fn_meta_field mb-h" type="text" value="{$category->meta_keywords|escape}" />
                    </div>
                    <div class="col-lg-6 col-md-6 pl-0">
                        <div class="mb-q" >Meta-description <span id="fn_meta_description_counter"></span></div>
                        <textarea name="meta_description" class="form-control mgc_textarea fn_meta_field">{$category->meta_description|escape}</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {*Описание элемента*}
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div class="boxed match fn_toggle_wrap tabs">
                <div class="heading_tabs">
                    <div class="tab_navigation">
                        <a href="#tab1" class="tab_navigation_link">{$btr->general_short_description|escape}</a>
                        <a href="#tab2" class="tab_navigation_link">{$btr->general_full_description|escape}</a>
                        <a href="#tab3" class="tab_navigation_link">{$btr->general_tags|escape}</a>
                    </div>
                    <div class="toggle_arrow_wrap fn_toggle_card text-primary">
                        <a class="btn-minimize" href="javascript:;" ><i class="icon-arrow-down"></i></a>
                    </div>
                </div>
                <div class="toggle_body_wrap on fn_card ">
                    <div class="tab_container">
                        <div id="tab1" class="tab">
                            <textarea name="annotation" id="fn_editor" class="editor_small">{$category->annotation|escape}</textarea>
                        </div>
                        <div id="tab2" class="tab">
                            <textarea name="description" class="editor_large fn_editor_class">{$category->description|escape}</textarea>
                        </div>
                        <div id="tab3" class="tab">
                            <textarea name="tags" class="editor_large fn_editor_class">{$category->tags|escape}</textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                   <div class="col-lg-12 col-md-12 mt-1">
                        <button type="submit" class="btn btn_small btn_blue float-md-right">
                            {include file='svg_icon.tpl' svgId='checked'}
                            <span>{$btr->general_apply|escape}</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>


{* Подключаем Tiny MCE *}
{include file='tinymce_init.tpl'}
{* On document load *}

<script src="tpls/js/autocomplete/jquery.autocomplete-min.js"></script>
{literal}
<script>
$(function() {
    $('.input_autocomplete').autocomplete({
        serviceUrl:'ajax/market.php?module=search_market&session_id={/literal}{$smarty.session.id}{literal}',
        minChars:1,
        noCache: false,
        onSelect:
            function(suggestions) {
                $(this).closest('div').find('input[name*="yandex_name"]').val(suggestions.data);
            }
    });
    $(".input_autocomplete").trigger('click');
});
</script>
{/literal}