@extends('front.layout.app')

@section('seo_title')
{{ $portfolio_detail->seo_title }}
@endsection
@section('seo_meta_description')
{{ $portfolio_detail->seo_meta_description }}
@endsection

@section('main_content')

		<!-- Breadcrumb -->
		<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . $portfolio_detail->portfolio_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_details',$portfolio_detail->slug ) }}">{{ $portfolio_detail->title }}</a></li>
								</ul>
							</div>
							<!-- Bread Title -->
							<div class="bread-title"><h2>{{ $portfolio_detail->title }}</h2></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- / End Breadcrumb -->
		
		<!-- Portfolio Details -->
		<section class="pf-details  section-space">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-12">
						<!-- Portfolio Image -->
							<div class="project-head">

							@if ($portfolio_detail->portfolio_type === 'slide')
							@if ($portfolio_detail->galleries->count())
							<div class="pf-details-slider">
								@foreach ($portfolio_detail->galleries as $gallery)
												<div class="single-slider">
																<img src="{{ asset('uploads/' . $gallery->photo) }}" alt="#">
												</div>
								@endforeach
							</div>
							@endif
							@else
							@if ($portfolio_detail->portfolio_image)
							<img src="{{ asset('uploads/' . $portfolio_detail->portfolio_image) }}" alt="#">
							@endif
							@endif


						</div>	
					</div>

					<div class="col-lg-4 col-12">
						<!-- Project Info -->
						<div class="portfolio-meta">
							<ul>
								@for ($i = 1; $i <= 4; $i++)
								@php
									$title = $portfolio_detail->{'item' . $i . '_title'};
									$name = $portfolio_detail->{'item' . $i . '_name'};
									$icon = $portfolio_detail->{'item' . $i . '_icon'};				
								@endphp

        @if ($title && $name)
										<li>
											<i class="{{ $icon }}"></i>
											<span>{{ $title }}:</span>
											<b>{{ $name }}</b>
										</li>
								@endif

								@endfor

								<li><a href="{{ $portfolio_detail->project_button_url?:'#' }}" target="_blank" class="bizwheel-btn theme-2">{{ $portfolio_detail->project_button }}</a></li>
							</ul>
						</div>

					</div>
				</div>
				
				<div class="row">
					<div class="col-12">
						<!-- Portfolio Content -->
						<div class="single-content">
							<p>{!! $portfolio_detail->portfolio_description !!}</p>
							<div class="row portfolio-space">
								<div class="col-lg-4 col-md-6 col-12">
									<!-- Portfolio Video Image -->
									<div class="modern-img-feature">
										@isset($portfolio_detail->portfolio_video_image)
										<img src="{{ asset('uploads/' . $portfolio_detail->portfolio_video_image) }}" alt="#">				
										@endisset
										
										@isset($portfolio_detail->portfolio_video_url)
											<div class="video-play">
											<a href="{{ $portfolio_detail->portfolio_video_url?:'#' }}" class="video video-popup mfp-iframe">
												<i class="fa fa-play"></i>
											</a>
										</div>			
										@endisset
										
									</div>
								</div>
								<div class="col-lg-4 col-md-6 col-12">
									<!-- Portfolio Image -->
									
										@if ($portfolio_detail->portfolio_video_sideimage)
										<div class="modern-img-feature">
											<img src="{{ asset('uploads/' . $portfolio_detail->portfolio_video_sideimage) }}" alt="#">		
	         </div>
										@endif
										
								
								</div>
								<div class="col-lg-4 col-12">
									<!-- Portfolio List Feature -->
									<div class="small-list-feature ">
										<p>{!! $portfolio_detail->portfolio_video_description !!}</p>
										<ul>
													@php
													$video_list_items = explode("\n", $portfolio_detail->portfolio_video_lists);
										  	@endphp
												
											@foreach ($video_list_items as $item)
												<li><i class="fa fa-check"></i>{!! $item !!}</li>
											@endforeach
											
										</ul>
									</div>
								</div>
							</div>
						<p>
							{!! $portfolio_detail->portfolio_bottom_description	 !!}
						</p>
						</div>
						<!--/ End Portfolio Cotnent -->
					</div>
				</div>
			</div>
		</section>	
		<!--/ End Portfolio Details -->

@endsection