@yield('title', 'Loại sản phẩm')
@extension('message')

@section('breadcrumb')
<h2>Loại sản phẩm</h2>
<h3>
    <a href="{{ $this->route('create') }}">Thêm mới</a>
</h3>
@endsection

@php
	$extensionOption = [
		'name' => 'table-product-cate',
		'title' => 'loại sản phẩm',
		'controller_url' => $this->route('index'),
		'min_width' => '1600px',
		'column_index' => ['icon', 'name', 'alias', 'title', 'num_product'],
		'order_by_column' => 'index_top',
		'order_by_type' => 'asc',
		'column_width' => ['icon' => '100px', 'name' => '200px', 'title' => '400px', 'display_menu_top' => '200px'],
		'sort_column' => '*',
		'custom_value_column' => [
			'icon' => function($v) {
				if($v['icon']) {
					return '<span class="lsp-icon ' . $v['icon'] . '"></span>';
				}
				return false;
			},
			'alias' => function($v) {
				if($v['alias']) {
					return '<a href="' . $v['alias'] . '" target="_black">' . $v['alias'] . '</span>';
				}
				return false;
			}
		],
		'filter_control' => [
			[
			 	'type' => 'column',
				'column' => 'display_menu_top',
			 	'data' => [
					0 => 'Không hiện thị trên menu',
			 		1 => 'Hiện thị trên menu'
				],
			 	'option_text' => '- Trạng thái -'
			 ]
		],
		'action_link' => [
			'deletes' => false
		]
	];
@endphp

@extension('datatable', 'ProductCateModel', $extensionOption)

<style>
.lsp-icon {
	background-image: url("https://cdn.thegioididong.com/v2015/Content/desktop/images/V4/icondesktop@1x.png?v=002");
	
	height: 29px;
	display: block;
}
.lsp-icon.icontgdd-mobile {
	width: 28px;
	background-position: -180px 0px;
}
.lsp-icon.icontgdd-tablet {
	width: 37px;
	background-position: -208px 0px;
}
</style>