@extends('back.layouts.main')
@section('title' , __('back.images'))
@section('content')
@php
	$params = 'page='.request('page').'&section='.request('section').'&place='.request('place').'&table_id='.request('table_id') ;
@endphp

<div class="card">
	<div class="card-header">
		<div class="btn-group float-md-right">
			<a href="{{url('backend/banners/create?'.$params)}}" class='btn btn-info'>
				<i class='fa fa-plus mr-1'></i>{{__('back.create')}}</a>
		</div>
	</div>
	<div class="card-content overflow-auto collapse show">
		<div class="card-body card-dashboard">

			<table class="table table-responsive-sm table-striped table-bordered data-table">
				<tr>
					<th style="min-width: 65px">#</th>
					<th>{{__('back.address')}}</th>
					<th>{{__('back.picture')}}</th>
					<th>{{__('back.effective')}}</th>
					<th style="width: 65px"></th>
				</tr>
				@if($data->isNotEmpty())
				@foreach($data as $row)
				<tr>
					<td>{{$row->id}}</td>
					<td>{{$row->title}}</td>
					<td>
						@if($row->image!='')
							<img src={{image($row->image)}} style='width:100px'>
						@endif
					</td>
					<td>
						@if($row->is_active=='1')
						<i class="fa fa-check"></i>
						@else
						<i class="fa fa-close"></i>
						@endif
					</td>
					<td>
						<a href="{{url('backend/banners/'.$row->id.'/edit?'.$params)}}" title='Edit'>
							<i class="fa fa-lg fa-edit"></i>
						</a>
						<form method="POST" class='d-inline' action="{{ route("banners.destroy", $row->id) }}"
							onsubmit="return confirm('Do you really want delete this?');">
							@method('DELETE')
							@csrf
							<button class='delete'>
								<i class="fas fa-lg fa-times"></i>
							</button>
						</form>
					</td>
				</tr>
				@endforeach
				@else
				<tr>
					<td class='text-center' colspan='100'>No Data Available</td>
				</tr>
				@endif
			</table>

			<!-- /.box-body -->
			<div class="box-footer clearfix">
				{{ $data->appends(request()->except('page'))->links() }}
			</div>
		</div>
	</div>
</div>
@stop

@push('footer')
<script>
	$('.data-table input , .data-table select ').change(function(){
			$('.filter').trigger('click');
		});
</script>
@endpush

@section('breadcrumbs')
	<li class="breadcrumb-item" ><a href="{{url('backend/banners/choose')}}">{{__('back.chooseSection')}}</a></li>
	<li class="breadcrumb-item" ><a href="{{url('backend/banners/choose-section')}}">{{__('back.chooseThePage')}}</a></li>
	<li class="breadcrumb-item active">{{__('back.images')}}</li>
@stop