@extends('admin.layout.default')

@section('content')
@include('admin.pages.shop.slider.heading')

<div class="page-content">
	<div class="container-fluid">
		<div class="portlet light">
			<div class="portlet-title">
				<div class="caption">
					<i class="fa fa-cogs font-purple-sharp"></i>
					<span class="caption-subject font-purple-sharp bold uppercase">{{ trans('admin.LIST') }}</span>
				</div> <!-- #end .portlet-caption -->
			</div> <!-- end .portlet-tile -->
			<div class="portlet-body flip-scroll">

				<table class="table table-bordered table-striped table-hover table-advance" id="sortTableSkupine" data-url="{{ route('shop_slider_sort') }}">
					<thead>
						<tr>
							<th>{{ trans('admin.OPTIONS') }}</th>
							<th>{{ trans('admin.TITLE') }}</th>
							<th>{{ trans('admin.STATUS') }}</th>
							<th>{{ trans('admin.THUMB') }}</th>
							<th class="text-center">{{ trans('admin.SORT') }}</th>
						</tr>
					</thead>
					<tbody>
						@foreach($table as $row)
							<tr id="{{$row->slider_id}}">
								<td width="36">
									
									<a href="{{ route('shop_slider_edit', $row->slider_id) }}">
										<img src="/gfx/16x16/edit.gif" width="16" height="16" alt="{{ trans('admin.EDIT') }}">
									</a>

									<a href="javascript:Confirm('{{ route('shop_slider_delete', $row->slider_id) }}', '{{ trans('admin.DELETE') }}?');">
										<img src="/gfx/16x16/trash.gif" width="16" height="16" border="0" alt="">
									</a>
								</td>
								<td>{{$row->title}}</td>

								<td class="text-center">
									@if ($row->active == 1)
										<i style="color:#0a0" class="fa fa-check-circle"></i>
									@else
										<i style="color:#a00" class="fa fa-ban"></i>
									@endif
								</td>
								<td><img src="/files/categories_slider/{{$row->picture}}" width="80" height="45"></td>
								<td class="dragHandle text-center"><i class="fa fa-sort fa-fw"></i></td>
							</tr>
						@endforeach

					</tbody>
				</table>

								{{$table->links()}}

			</div>
		</div>
	</div> <!-- .container-fluid -->
</div> <!-- .page-container -->
@endsection