@extends('main')
@section('styles')
@endsection
@section('content')
	<div class="breadcrumbs-area bread-bg-1 bg-opacity-black-70">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="breadcrumbs">
						<h1 class="breadcrumbs-title">{!! __(ucfirst(Str::plural($section))) !!}</h1>
						<ul class="breadcrumbs-list">
							<li><a href="{!! route('mobily.site.home.page') !!}">{!! __('Home') !!}</a></li>
							<li>{!! __(ucfirst(Str::plural($section))) !!}</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="blog-area pt-20 pb-20">
		<div class="container">
			<div class="row">
				@foreach ($items as $key => $item)
					<div class="col s6">
						<article class="blog-item bg-gray">
							<div class="blog-image">
								<a href="{!! route('mobily.show.'.$section.'.page',[$item->slug]) !!}"><img src="{!! path_img($item->photo,450,300) !!}" alt="{!! $item->title !!}"></a>
							</div>
							<div class="blog-info">
								<div class="post-title-time">
									<h5><a href="{!! route('mobily.show.'.$section.'.page',[$item->slug]) !!}">{!! $item->title !!}</a></h5>
								</div>
								<p>
									{!! strip_tags(Str::words($item->content, 20, ' ...')) !!}
								</p>
								<a class="read-more " href="{!! route('mobily.show.'.$section.'.page',[$item->slug]) !!}">{!! __('Read more') !!}</a>
							</div>
						</article>
					</div>
				@endforeach
				<!-- pagination-area -->
			</div>
			<div class="row">
				<div class="col-md-12">
					{{ $items->links('vendor.pagination.mobile') }}
				</div>
			</div>
		</div>
	</div>
@endsection
@section('scripts')
@endsection