@extends('admin.layouts.master')

@section('css')
	{{ HTML::style('admin/modules/products/css/module.css') }}
@stop

@section('page_title')
	<h1>Order Products</h1>
@stop

@section('page_subtitle')
	
@stop

@section('page_content')
	<form name="contentform" id="contentform">
		<div id="add_page" class="content-box">
			<div class="content-box-header">
				<h3>Order Products</h3>
			</div>
			<div class="content-box-content product_order">
					@if(isset($categories) && count($categories) > 0)
						<div class="category-list">
						@foreach ($categories as $category)
						<h3>{{{ $category->name }}}</h3>
							<div class="list-table">
								<div class="row list-header">
									<div class="list0 cell"><div>&nbsp;</div></div>
									<div class="list1 cell"><div>ID</div></div>
									<div class="list2 cell"><div>Name</div></div>
									<div class="list3 cell"><div>Created</div></div>
									<div class="list4 cell"><div>Last Updated</div></div>
								</div>
								<div class="item-list">
										@if(count($category->products) > 0)
											@foreach ($category->products as $item)
												<div class="row reorder-item" data-item-id="{{{ $item->id }}}">
													<div class="list0 cell"><div>
														<img src="{{ URL::asset('admin/images/icons/reorder.png') }}" class="reorder" alt="Order" title="Reorder items" />
													</div></div>
													<div class="list1 cell"><div>{{{ $item->id }}}</div></div>
													<div class="list2 cell"><div>{{{ $item->name }}}</div></div>
													<div class="list3 cell"><div>{{ $item->created_at }}</div></div>
													<div class="list4 cell"><div>{{ $item->updated_at }}</div></div>
												</div>
											@endforeach
										@else
											<div class="row reorder-item" data-item-id="{{{ $item->id }}}">
												(Category Empty)
											</div>
										@endif
								</div>
								<div style="clear:both;"></div>
							</div>
						@endforeach
					</div>
					@endif
				<div style="clear:both;"></div>
			</div>
		</div>
	</form>
@stop

@section('js')
	{{ HTML::script('admin/jscript/jquery-ui.min.js') }}
	{{ HTML::script('admin/jscript/jquery.mjs.nestedSortable.js') }}
	{{ HTML::script('admin/modules/products/jscript/module.js') }}
@stop