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

	{/capture}

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

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

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


	<!-- Content area -->
	<div class="content">

		<div class="row">
			<div class="col-md-12">
				<div class="card border shadow-sm">
	                {include file="components/selectors.tpl" filter=true url="{$adminUrl}/blocks" filterDate=false}
				</div>

				<div class="card border shadow-sm">
					<div class="">
						<table class="table table-togglable table-striped table-hover" id="blocks">
							<thead>
							<tr>
								<th data-hide="ID" class="text-center" width="30">#</th>
								<th class="text-start gridjs-th-sort main-th-col-sortable" onclick="tableSort(this, '{$module}'); return false;" data-sort-by="title" data-sort-order="{if isset($sortOrder.column) && $sortOrder.column eq 'title'}{if $sortOrder.sort eq 'asc'}desc{else}asc{/if}{else}asc{/if}">{general:table:name} <button class="gridjs-sort gridjs-sort-{if isset($sortOrder.column) && $sortOrder.column eq 'title'}{$sortOrder.sort}{else}neutral{/if}"></button></th>
								<th class="text-start gridjs-th-sort main-th-col-sortable" onclick="tableSort(this, '{$module}'); return false;" data-sort-by="sectionId" data-sort-order="{if isset($sortOrder.column) && $sortOrder.column eq 'sectionId'}{if $sortOrder.sort eq 'asc'}desc{else}asc{/if}{else}asc{/if}">{general:table:section} <button class="gridjs-sort gridjs-sort-{if isset($sortOrder.column) && $sortOrder.column eq 'sectionId'}{$sortOrder.sort}{else}neutral{/if}"></button></th>
								<th data-hide="phone" class="text-center">{general:table:status}</th>
								<th class="text-center text-muted" width="40"><i class="ph-check"></i></th>
							</tr>
							</thead>
	                        {if $blocks}
								<tbody class="sortable">

	                            {foreach item=block from=$blocks name=blocks}
									<tr id="block-{$block.blockId}" data-id="{$block.blockId}" class="{if $block.status eq 'H'}table-warning{/if}">
										<td class="text-center text-nowrap"><i class="ph-dots-six text-muted"></i></td>
										<td><b>{$block.title|truncate:75 nofilter}</b></td>
										<td class="text-left">{if isset($block.section)}{$block.section.name|truncate:25}{/if}</td>
										<td class="text-center" id="status-{$block.blockId}">{$block.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}/block?action=edit&id={$block.blockId}{if isset($page)}&page={$page}{/if}{$buildQueryString}"><i class="ph-note-pencil me-2"></i></a>
												<div class="list-icons-item 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}/block?action=edit&id={$block.blockId}{if isset($page)}&page={$page}{/if}{$buildQueryString}"><i class="ph-note-pencil me-2"></i> {general:edit}</a>
														<button class="dropdown-item ajax_action" data-module="blocks" data-action="status" data-id="{$block.blockId}"><i class="{if $block.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({$block.blockId}, '{$block.title|escape}', 'blocks');"><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}/blocks" params="{$buildQueryString}"}
				</div>
			</div>

		</div>
	</div>

	<script>

    $(document).ready(function () {
      
        {if isset($messages.saved)} new Noty({ text: 'Блок сохранен', type: 'success', timeout: 1500 }).show(); {/if}
        
        {if isset($errors.access_denied)} new Noty({ text: '{articles:errors:0}', type: 'error', timeout: 2500 }).show(); {/if}
        {if isset($errors.not_saved)}   new Noty({ text: 'Блок не сохранен', type: 'error', timeout: 2500 }).show(); {/if}
        {if isset($errors.no_sections)} new Noty({ text: '{articles:errors:4}', type: 'error', timeout: 2500 }).show(); {/if}
        {if isset($errors.article_not_found)} new Noty({ text: 'Блок не найден', type: 'error', timeout: 2500 }).show(); {/if}

    });


    function notFound(){
        new Noty({ text: 'Блок не найден', layout: 'topRight', type: 'error', timeout: 1500 }).show();
    }
    function statusError(){
        new Noty({ text: 'ошибка при изменение статуса', layout: 'topRight', type: 'error', timeout: 2500 }).show();
    }


    $(document).on('click', '.sortable_save_button', function () {
        var ids = new Array();
        $('.sortable tr').each(function () {
            console.log($(this).attr('data-id'))

            ids.push($(this).attr('data-id'));
        })
        $.post( "{$adminUrl}/blocks?action=reorder", { ids : ids }, function( data ) {
            $('.sortable_footer_navbar').removeClass('show');
            // location.reload();
        });
    })
    $(document).on('click', '.sortable_cancel_button', function () {
        $('.sortable_footer_navbar').removeClass('show');
        location.reload();
    })
</script>


