@extends('front.layout.app')

@section('seo_title')
{{ $page_data->portfolio_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_data->portfolio_seo_meta_description	 }}
@endsection

@section('main_content')


<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . ($page_data->portfolio_all_banner)) }}'">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<!-- Bread Menu -->
<div class="bread-menu">
<ul>
	<li><a href="{{ route('home') }}">Home</a></li>
	<li><a href="{{ route('portfolio_all') }}">{{ $page_data->portfolio_banner_navtext }}</a></li>
</ul>
</div>
<!-- Bread Title -->
<div class="bread-title"><h2>{{ $page_data->portfolio_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->


 		<section class="portfolio section-space">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-12">
						<div class="section-title default text-center">
							<div class="section-top">
								<h1>@isset($page_data->portfolio_title_highlight)
									<span>{{ $page_data->portfolio_title_highlight }}</span>			
								@endisset<b>{{ $page_data->portfolio_title }}</b></h1>
							</div>
							<div class="section-bottom">
								<div class="text">
									<p>{{ $page_data->portfolio_subtitle }}</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="portfolio-menu">
							<!-- Portfolio Nav -->
							<ul id="portfolio-nav" class="portfolio-nav tr-list list-inline cbp-l-filters-work">
								<li data-filter="*" class="cbp-filter-item active">All</li>
								@foreach($portfolio_categories as $item)
								<li data-filter=".abc{{ $item->id }}" class="cbp-filter-item">{{ $item->category_name }}</li>
								@endforeach
							</ul>
							<!--/ End Portfolio Nav -->
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="portfolio-main">
							<div id="portfolio-item" class="portfolio-item-active">

									@foreach ($portfolios as $item)
								<div class="cbp-item abc{{ $item->portfolio_category_id }}">
											<!-- Single Portfolio -->
									<div class="single-portfolio">
										<div class="portfolio-head overlay">

											<img src="{{ asset('uploads/' . $item->photo) }}" alt="#">
											<a class="more" href="{{ route('portfolio_details', $item->slug) }}"><i class="fa fa-long-arrow-right"></i></a>
										</div>
										<div class="portfolio-content">
											<h4><a href="{{ route('portfolio_details',$item->slug) }}">{{ $item->title }}</a></h4>
											<p>{{ $item->subtitle }}</p>
										</div>
									</div>
								</div>
									<!--/ End Single Portfolio -->			
									@endforeach
								

							</div>
						</div>
					</div>
				</div>
			
			@include('front.layout.pagination', ['items' => $portfolios])

			</div>
		</section>




@endsection