{extends file=$menu.dir|cat:"base.tpl"}

{block name="scripts"}{/block}
{block name="css"}
    <style>
    	{literal}
    	#_parameters_container{display: block !important}
		{/literal}#_parameters_container .central_page_second_slide{$menu.type}{literal} a{color: red}
    	#navigation{padding: 10px;text-align: center}
		#navigation a{background:#ccc linear-gradient(#fcfff4 0%, #dfe5d7 40%, #b3bead 100%);color: black; padding: 10px;}
		#navigation li{list-style-type: none; display: inline;}
		#navigation li.active a{
		    background: linear-gradient(to top, rgba(30,87,153,0), rgba(30,87,153,0.8), rgba(30,87,153,1),
		    rgba(30,87,153,1), rgba(41,137,216,1), rgba(30,87,153,1), rgba(30,87,153,1),
		    rgba(30,87,153,0.8),rgba(30,87,153,0));
		    color:red
		}
		.red{color: red}
		.control_buttons{position: relative;float: right;bottom: 25px;height: 30px;}
		.control_buttons ul.param_ul li._removed{width:20px;height: 20px;background: url(/img/delete_01.png) no-repeat;background-size: 16px 16px;position: absolute;right: 18px;top:31px;cursor: pointer}
		{/literal}
    </style>
{/block}
{block name="body"}
		<div id="content">

		    <!-- Content wrapper -->
		    <div class="wrapper">
                             

			    <!-- Action tabs -->
			    {include file=$menu.dir|cat:"action_bars.tpl"}
			    <!-- /action tabs --> 
		    	
                <!-- Media datatable -->
    <div class="widget"> 
        <div class="table-overflow">
        <div id="counter_for_slide">სულ: <b>{$menu.select_body.counter}</b> ჩანაწერი</div>
            <table class="table table-striped table-bordered table-checks media-table">
                <thead>
                    <tr class='header_tr'>
                        <th width="95%">გვერდი</th>	
                        <th>სლაიდიდან ამოღება</th>													
                    </tr>
                </thead>
                <tbody>
                 {if isset($menu.select_body.body)}   
                  {section name=lists loop=$menu.select_body.body}  
                    <tr class="for_dinamic_after_send" app="{$menu.select_body.body[lists].id}">
                        <th>{$menu.select_body.body[lists].category_name} <span class="red">></span> {$menu.select_body.body[lists].{"name_"|cat:$_class_->_lang}}</th>	
                        <th>
                            <div class="control_buttons">
                               <ul class="param_ul">
                        	<li class="_removed has_title" data-title="წაშლა" onclick="send_message_about_action(this,{$menu.select_body.body[lists].id});"></li>
							   </ul>
                            </div>
                        </th>		
                    </tr>
                  {/section} 
                 {/if} 
                </tbody>
            </table>
                  {if isset($menu.select_body.navigation)}<div id="navigation">{$menu.select_body.navigation}</div>{/if}
        </div>
    </div>
                <!-- /media datatable -->
 
		    </div>
		    <!-- /content wrapper -->

		</div>
		<!-- /content -->
  
<script>
	function send_message_about_action(ths,id){
		var th = $(ths);
		var obj = {
			slide_type:{$menu.type},
			slide_id: id
		};
		var counter_for_slide = $('#counter_for_slide b');
		$.ajax({
			type:"POST",
			data:obj,
			success:function(data){
				if(data && data == 1){
					$('.for_dinamic_after_send[app="'+id+'"]').fadeOut();
					counter_for_slide.text(function(){
						return Number($(this).text() - 1);
					});
				}
			}
		});
	}
</script>                
                
{/block}