
	<!-- Page header -->
	{capture name="buttons"}
{*		<a class="btn btn-sm btn-primary me-2" data-bs-popup="tooltip" title="{general:add}" data-bs-placement="auto" href="{$adminUrl}/field?action=add{if isset($page)}&page={$page}{/if}{$buildQueryString}"><i class="icon-plus3"></i></a>*}
		<a class="btn btn-sm btn-primary" data-bs-popup="tooltip" title="{general:add}" data-bs-placement="auto" href="{$adminUrl}/typecontent?action=add{if isset($page)}&page={$page}{/if}{$buildQueryString}"><i class="icon-plus3"></i></a>
	{/capture}

	{capture name="breadcrumb"}
		<a href="{$adminUrl}/typecontents" class="breadcrumb-item">{$title}</a>
	{/capture}

	{capture name="showBy"}
	    {include file="module/show-by.tpl" url="{$adminUrl}/typecontents"}
	{/capture}

	{include file="components/page-header.tpl" buttons=$smarty.capture.buttons breadcrumb=$smarty.capture.breadcrumb showBy=$smarty.capture.showBy}
	<!-- /page header -->


	<div class="content">
	    <div class="row">
	        <div class="col-md-12">
	            <div class="card border shadow-sm">
		            <div class="">
			            <table class="table table-xs table-togglable table-striped table-hover" id="typecontents">
		                    <thead>
		                        <tr>
			                        <th class="text-center" width="30">#</th>
		                            <th data-toggle="true">Тип контента</th>
		                            <th data-toggle="true">Тип контента</th>
		                            <th data-hide="phone" class="text-center">{general:status}</th>
		                            <th class="text-center text-muted" width="30"><i class="ph-check"></i></th>
		                        </tr>
		                    </thead>
		                    {if !empty($types)}
			                    <tbody class="sortable">
			                        {foreach item=type from=$types name=types}
			                        <tr id="typecontent-{$type.typeId}" data-id="{$type.typeId}" data-value="{$type.fileName}" class="{if $type.status eq 'H'}table-warning{/if}">
				                        <td class="text-center text-nowrap"><i class="ph-dots-six text-muted"></i></td>
			                            <td class="text-start"> {$type.name nofilter}</td>
			                            <td class="text-start"> {$type.fileName nofilter}</td>
			                            <td class="text-center" id="status-{$type.typeId}">{$type.statusName nofilter}</td>
			                            <td class="text-center">
			                                <div class="d-inline-flex">
				                                <a class="text-primary" data-bs-popup="tooltip" title="{general:edit}" data-bs-placement="auto" href="{$adminUrl}/typecontent?action=edit&id={$type.typeId}"><i class="ph-note-pencil me-2"></i></a>
			                                    <div class="dropdown">
				                                    <a class="text-body" data-bs-toggle="dropdown"><i class="ph-list"></i></a>

			                                        <div class="dropdown-menu dropdown-menu-end">
			                                            <a class="dropdown-item" href="{$adminUrl}/typecontent?action=edit&id={$type.typeId}"><i class="ph-note-pencil me-2"></i> {general:edit}</a>
				                                        <button class="dropdown-item ajax_action" data-module="typecontents" data-action="status" data-id="{$type.typeId}"><i class="{if $type.status eq 'V'}ph-eye{else}ph-eye-slash{/if} me-2"></i> {general:status}</button>
			                                            <div class="dropdown-divider"></div>
			                                            <button class="dropdown-item text-danger" onclick="newRemove({$type.typeId}, '{$type.name}', 'typecontents');"><i class="ph-trash me-2"></i> {general:delete}</button>
			                                        </div>
			                                    </div>
			                                </div>
			                            </td>
			                        </tr>
			                        {/foreach}

			                    </tbody>
		                    {else}
		                        <tbody><tr class="odd"><td class="text-center" colspan="8">- {general:none} -</td></tr></tbody>
		                    {/if}
	                    </table>
		            </div>

	                {include file="module/pagination.tpl" url="{$adminUrl}/typecontent" params="{$buildQueryString}"}

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

	<script>
	    $(document).ready(function() {
	        {if isset($errors.not_saved)} new Noty({ text: '{socials:errors:3}', type: 'error', timeout: 1500 }).show(); {/if}
	        {if isset($messages.saved)} new Noty({ text: '{socials:messages:0}', type: 'success', timeout: 1500 }).show(); {/if}
	    });

        $(document).on('click', '.sortable_save_button', function () {
             var ids = new Array();
	        $('.sortable tr').each(function () {
		        var typeId = $(this).attr('data-id'), fileName =  $(this).attr('data-value');
		        ids.push({ id : typeId , fileName: fileName });
	        })
	        console.log(ids);
	        $.post("{$adminUrl}/typecontents?action=reorder", { ids: ids }, function (response) {
		        $('.sortable_footer_navbar').removeClass('show');
		        new Noty({ text: response.message, type: response.type, timeout: 1500 }).show();
		        if (response.status == 200) {
			        setTimeout(() => {
				        // location.reload();
			        }, 1500);
		        }
	        });
        })
        $(document).on('click', '.sortable_cancel_button', function () {
            $('.sortable_footer_navbar').removeClass('show');
            location.reload();
        })

	</script>






