@extends('main')
@section('styles')
	{!! Html::style(Theme::current()->assetPath.'/prettyPhoto/css/prettyPhoto.min.css') !!}
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Project') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ __('Project') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<section class="we-are">
		<div class="container">
			<div class="blog">
				<div class="row">
					@foreach ($categories as $key => $category)
						<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<div class="single-blog mb-30">
								<div class="blog-photo">
									<a href="{!! URL::Route('mobily.CategoryProject',[$category->slug])  !!}">
										@if (@$category->photo)
											<img src="{{ path_img($category->photo) }}"  alt="{{ $category->title }}" title="{{ $category->title }}">
										@else
											<img src="{{ asset('images/no-image.png') }}"  alt="{{ $category->title }}" title="{{ $category->title }}">
										@endif
									</a>
								</div>
								<div class="blog-info">
									<div class="post-meta fix">
										<div class="post-year {{ rtl() ? 'floatright' : 'floatleft' }}">
											<h4 class="post-title"><a href="{!! URL::Route('mobily.CategoryProject',[$category->slug])  !!}" tabindex="0" class="text-dark-red">{{ $category->title }}</a></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					@endforeach
				</div>
					<div class="row">
						<div class="col-md-12">
							<div class="shop-pagination  text-center">
								<div class="pagination">
									{{ $categories->links('vendor.pagination.mobile') }}
								</div>
							</div>
						</div>
					</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/prettyPhoto/js/jquery.prettyPhoto.min.js') !!}
	<script type="text/javascript">
		jQuery(document).ready(function($){
			$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''});
		});
	</script>
@endsection