@extends('layouts.backend')

@section('title')
	@lang('backend.slider_views.page_title')
@endsection

@section('modals')
    @include('backend.partials.modals')
@endsection

@section('content')
<header class="main-header clearfix">
	<ol class="breadcrumb">
		<li>
            <i class="fa fa-image"></i>
			<a href="{{route('posts.index')}}">{{$post->title}}</a>
		</li>
	</ol>
</header>
<div class="row">
	<div class="col-md-12">
		<article class="widget">
			<header class="widget__header">
				<div class="left_button">
					<a data-toggle="tooltip" title="@lang('backend.buttons.back')" href="{{route('posts.index')}}">
						<i class="fa fa-mail-reply" aria-hidden="true"></i>
					</a>
				</div>
				<h3 class="widget__title">@lang('backend.slider_views.page_title')</h3>
				<div class="widget__config" style="margin:0">
					<a data-toggle="tooltip" title="@lang('backend.slider_views.new')" 
					href="{{route('slider.create', $post->id)}}">
					<i class="fa fa-plus" aria-hidden="true"></i></a>
				</div>
			</header>
			<div class="widget__content">
				@include('backend.partials.deleted')
				@include('backend.partials.success')
				<table class="table table-hover">
					<thead>
						<tr>
							<th>@lang('backend.tables.order')</th>
							<th>@lang('backend.tables.image')</th>
							<th>@lang('backend.tables.actions')</th>
						</tr>
					</thead>
					<tbody id="sortable" data-route="{{route('slider.save_order', $post->id)}}">
					@foreach($sliderImages as $slider)
						<tr id="{{$slider->id}}" data-id="{{ $slider->id }}"
                            data-route="{{route('slider.destroy', $slider->id)}}"
                            data-rundo="{{route('slider.undelete', $slider->id)}}">
                            <td><i class="fa fa-reorder"></i></td>
							<td>
								@if($slider->hasImage())
									<img class="img-thumbnail" style="width: 80px; height: 65px;" src="{{asset('assets/back/images/posts_slider/'.$slider->image)}}" />
								@else
									@lang('backend.messages.file_not_found')
								@endif
							</td>
							<td>
								<a data-toggle="tooltip" title="@lang('backend.buttons.delete')" href="" class='delete_record'><i class="fa fa-trash-o"></i></a>
							</td>
						</tr>
					@endforeach
					</tbody>
				</table>
				{!! $sliderImages->links() !!}
			</div>
		</article><!-- /widget -->
	</div>
</div>
@endsection