@extends('themes.app.pages')

@section('headerScript')
@endsection

@section('mainContent')
<div class="row">
	<div class="col-md-8">
		<!-- Breadcrumb -->
		 <ol class="breadcrumb push-15">
		    <li><a class="link-effect" data-toggle="tooltip" title="Back To Dashboard" href="{{ route('cms-dashboard') }}">Dashboard</a></li>
		    <li>Page Banner</li>
		</ol>
		<!-- END Breadcrumb -->
	</div>
	<div class="col-md-4 text-right">

	</div>
</div>

<div class="row">
	<div class="col-sm-12">
		<!-- Header BG Table -->
		<div class="block">
			<div class="block-header bg-gray-lighter">
				<ul class="block-options">
					<li>
					    <button type="button" data-toggle="block-option" data-action="fullscreen_toggle" title="Full Screen"></button>
					</li>

					<li>
						<button type="button" data-toggle="block-option" data-action="content_toggle" title="Hide & Show"></button>
					</li>
				</ul>

				<ul class="block-title block-options block-options-left">
					<li>
						<a href="{{ route('page-banners.create') }}"><i class="fa fa-plus"></i> Add Page Banner</a>
					</li>
				</ul>
			</div>
			@include('themes.app.partials.messages')
			<div class="block-content">
				<table class="table table-striped table-borderless table-header-bg">
					<thead>
						<tr>
							<th style="width: 20%;">Name</th>
							<th class="text-center" style="width: 20%;">Image</th>
							<th style="width: 30%;">Discription</th>
							<th class="text-center" style="width: 20%;">Status</th>
							<th class="text-center" style="width: 100px;">Action</th>
						</tr>
					</thead>
					<tbody>
					@foreach($pageBanners as $pageBanner)
						<tr>
							<td class="hidden-xs">{{ $pageBanner->name }}</td>
							<td class="text-center">
								@if($pageBanner->image)
								<img src="{{ asset('/uploads/banners/'.$pageBanner->image) }}" style="width: 70px;" alt="{{ $pageBanner->image}}">
								@endif
							</td>

							<td>{{ $pageBanner->description }}</td>
							<td class="text-center">{!! ($pageBanner->is_active === 1) ? '<span class="label label-success">Active</span>' : '<span class="label label-danger">Inactive</span>' !!}</td>

							<td class="{{ ($pageBanner->deleted_at == null) ? '' : 'softDeleted' }} text-center">
								@if($pageBanner->deleted_at == null)
		                          	<a class="btn btn-success btn-xs" href="{{ route('page-banners.edit', ['pageBanner' => $pageBanner->id]) }}" data-toggle="tooltip" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>
		                          	<form action="{{ route('page-banners.destroy', ['pageBanner' => $pageBanner->id]) }}" method="post" style="display: inline-block;">
		                            	{{ csrf_field() }}
		                        		<input type="hidden" name="_method" value="DELETE">

		                        		<button type="submit" class="btn btn-danger btn-xs" data-toggle="tooltip" title="Remove"><i class="glyphicon glyphicon-trash"></i></button>
		                          	</form>

		                        @else
		                          	<span class="label label-info" style="display: inline-block;">deleted</span>
		                          	<form action="{{ route('page-banners.restore', ['album_id'=>$pageBanner->id]) }}" method="post" style="display: inline-block;">
		                              	{{ csrf_field() }}
		                              	{{ method_field('PATCH') }}
		                            	<button type="submit" class="btn btn-info btn-xs" data-toggle="tooltip" title="Restore"><i class="fa fa-refresh"></i></button>
		                          	</form>

		                          	<form action="{{ route('page-banners.destroy-permanently', ['album_id'=>$pageBanner->id]) }}" method="post" style="display: inline-block;">
		                              	{{ csrf_field() }}
		                              	{{ method_field('DELETE') }}
		                            	<button type="submit" class="btn btn-danger btn-xs" data-toggle="tooltip" title="Delete Permanently"><i class="fa fa-trash"></i></button>
		                          	</form>
		                        @endif
							</td>
						</tr>
					@endforeach
					</tbody>
				</table>
			</div>
		</div>
		<!-- END Header BG Table -->
	</div>
</div>

@endsection

@section('footerScript')
@endsection