{header}

<style>
	.field_banner_btn_remove_color,
	.form-group-banner_btn_remove_color,
    .field_banner_btn_remove_color_hover,
	.form-group-banner_btn_remove_color_hover,

    .field_footer_background_color_decor,

    .field_member_content_background_color_decor,

    .field_info_block_header_show_decor{
        display: none;
    }
</style>

{template_edit_menu}

<div class="alert alert-success border-0 alert-dismissible mb-2-1" role="alert">{l_changes_save}</div>
<div class="alert alert-danger alert-dismissible  mb-2-1" role="alert">{message_template}</div>

<div class="content-body">

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{l_title_current} - {tmpl_title_this}</h4>
                    <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                        </ul>
                    </div>
				</div>
				<div class="card-content collapse show">
					<div class="card-body">
						<div class="menu_pages_settings">
						<!-- begin_settings -->
						<!-- begin_settings_item -->
						<!-- begin_settings_item_on -->
						<span>{settings_item_title}</span>
						<!-- end_settings_item_on -->
						<!-- begin_settings_item_off -->
						<a href="{url_page}?part={part}&tmpl={tmpl_this}&area={settings_item_area}" class="{settings_item_class}">{settings_item_title}</a>
						<!-- end_settings_item_off -->
						<!-- end_settings_item -->
						<!-- end_settings -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<div class="content-body">

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-content collapse show">
					<div class="card-body frm_template_edit">

						<div id="form_template_settings" class="bl_form {area}" style="opacity:0;">
							<div class="module_description mb-2">{module_description}</div>

							<div class="bl_form">
								<form action="{url_page}?part={part}&tmpl={tmpl_this}&area={area}" enctype="multipart/form-data"  method="POST">
									<input type="hidden" name="cmd" value="update">

									{page_content}

									<fieldset class="form-group">
										<div class="wrap_button">
											<button class="btn btn-primary btn_submit mr-1" type="submit">{l_save}</button>
											<div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
										</div>
									</fieldset>

								</form>
							</div>
							<script>
        var sectionTitle = {
            field_member_navbar_menu_short_color : '{j_field_member_navbar_menu_short_color_section}',
            field_member_circular_menu_background_color : '{j_field_member_circular_menu_background_color_section}',
            field_member_videochat_btn_background_color : '{j_field_member_videochat_btn_background_color_section}',
            field_main_page_info_block_background_color : '{j_field_main_page_info_block_section}',
            field_main_page_download_apps_block_background_color : '{j_field_main_page_download_apps_block_section}',
            field_footer_background_color : '{j_field_footer_background_color_section}',
            field_modal_dialog_background_color : '{j_field_modal_dialog_background_color_section}',
            field_banner_background_color : '{j_field_banner_section}',
            field_pagination_background_color : '{j_field_pagination_section}',
            field_member_navbar_menu_text_color : '{j_field_member_navbar_menu_section}',
            field_member_navbar_menu_mobile_background_color : '{j_field_member_navbar_menu_mobile_section}',
            field_main_page_header_login_frm_icon_color : '{j_field_main_page_header_login_frm_icon_color_section}',
            field_main_page_content_background_color : '{j_field_main_page_color_sheme_extended_section}',
            field_visitor_content_background_color : '{j_field_visitor_color_scheme_extended_section}',
            field_member_content_background_color : '{j_field_member_content_section}',
            field_member_message_text_color : '{j_field_member_message_section}',
            field_info_block_header_show : '{j_field_info_block_section}',
            field_show_your_photo_browse_photos : '{j_field_show_your_content_section}',
            field_bl_wall_post_color : '{j_field_bl_wall_post_color_section}',
        }
        $('.general_settings #label_list_blog_posts_type_order, #label_list_videos_type_order,'+
          '.main_page_settings #label_list_blog_posts_type_order, #label_list_videos_type_search, #label_list_people_type_order,'+
          '.field_modal_dialog_background_color, .field_pagination_background_color,'+
          '.field_btn_success_background_color, .field_banner_background_color, #bl_label_show_columns_inner_pages,'+
          '.field_main_page_info_block_background_color, .field_btn_secondary_background_color, .field_btn_secondary_2_background_color, .field_btn_primary_background_color, .field_btn_primary_2_background_color,'+
          '.field_main_page_download_apps_block_background_color,'+
          '#label_list_photos_type_order, .field_member_navbar_menu_short_color, .field_member_navbar_menu_color,'+
          '.field_member_navbar_menu_text_color,.field_member_navbar_menu_mobile_background_color,.field_member_navbar_menu_counter_background_color'+
          '.field_member_navbar_menu_more_background_color, .field_member_circular_menu_background_color,'+
          '#label_number_photos_left_column, #bl_label_show_your_photo_browse_photos, .field_color_1,'+
          '.field_3dcity_background_color, #bl_label_mobile_3dcity_on_tablet, #label_number_friends_right_column,'+
          '.field_bl_wall_post_color, .field_member_videochat_btn_background_color, #label_wall_play_video_wall,'+
          '#label_number_show_notif_events, .field_cookie_popup_background_color, #bl_label_gallery_show_download_original,'+
          '.field_footer_background_color, .field_banner_background_color, .field_main_page_content_background_color, '+
          '.field_visitor_content_background_color, .field_main_page_header_login_frm_icon_color, .field_member_content_background_color,'+
          '.field_member_message_text_color, #label_list_groups_type_order, #label_list_pages_type_order, #bl_label_info_block_header_show,'+
          '#label_videos_list_1_type_order, #label_photos_list_1_type_order, #label_blogs_list_1_type_order,'+
          '.blogs_settings #label_number_comments_show_bottom_frm, .blogs_settings #label_list_blog_someones_posts_type_order,'+
          '#label_list_live_type_order, #label_list_songs_type_order, #label_songs_list_1_type_order, .field_calendar_item_color_1,'+
          '.field_live_marker_color, #bl_label_wall_post_report_menu, #label_min_width_profile_cover_img,'+
		  '.field_loader_color, #bl_label_list_people_featured').each(function(){
            var $el=$(this),
                $bl=$el.before('<div class="decor_empty">'),
                cl=$el.attr('class');

            if (cl) {
                cl=trim($el.attr('class')
						.replace(/custom-switch|custom-control/g,"")
						.replace(/bl_label/g,"").replace(/color_choose/g,""));
                if(!cl){
                    cl='field'+trim($el.attr('id').replace(/bl_label/g,"").replace(/color_choose/g,""));
                }
                if (sectionTitle[cl]!=undefined) {
                    var $blDecor=$bl.prev('.decor_empty');
                    $blDecor.addClass(cl+'_decor').after('<div class="template_section_description mb-1">'+sectionTitle[cl]+'</div>')
                }
            }
        })

								$('#input_gallery_show_comments_replies_load').each(function(){
									$(this).after('<div class="decor_empty">');
								})

								$(function(){
									$('#form_template_settings').css({opacity:1, transition:'opacity .3s linear'});

									var $additionMenu=$('.member_user_additional_menu');//, .member_groups_additional_menu
									if($additionMenu[0]){
									var $option=$additionMenu.find('form input[type=checkbox]');
										$option.change(function(){
											if($option.filter(':checked').length>6){
												$(this).prop('checked',false);
												alertCustom('{j_a_maximum_of_6_items_can_be_selected}');
											}
										})
									}
								})
								$('#list_blog_posts_display_type').change(function(){
									var is=this.value=='info_big'||this.value=='info_small';
									$('#label_list_blog_posts_number_row, #list_blog_posts_number_row')[is?'hide':'show']();
								}).change();

								main_page_header_background_type();
							</script>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- begin_upload_error -->
<script language="javascript" type="text/javascript">
    alertCustom('{error}');
</script>
<!-- end_upload_error -->

{footer}