@extends('front.layout.app')




@section('seo_title')
{{ $setting_data->home_page_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_data->home_page_seo_meta_sescription	 }}
@endsection






@section('main_content')


		<!-- Hero Slider -->
@if ($homepage_data->hero_status === 'show')
				

@if ($homepage_data->version === 'two')
				
		<!-- Hero Agency -->
		<section class="hero-agency">
			<div class="agency-inner overlay" style="background-image:url('{{ asset('uploads/'.$homepage_data->background_image) }}');">
				<div class="ageny-main">
					<div class="container">
						<div class="row">
							<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1 col-12">
								<!-- Hero Text -->
								<div class="hero-text">

									<h4>{{ $homepage_data->title_top }}</h4>
									<h1><span>{{ $homepage_data->title_highlight }}</span> {{ $homepage_data->title }}</h1>

									@if ($homepage_data->video_url)
          <div class="video-head">
										<div class="video-play-main">
											<a href="{{ $homepage_data->video_url }}" class="video video-popup mfp-iframe">
												<i class="fa fa-play"></i>
											</a>
										</div>
										<div class="waves-block">
											<div class="waves wave-1"></div>
											<div class="waves wave-2"></div>
											<div class="waves wave-3"></div>
										</div>
									</div>
									@else
										<div style="height: 80px;"></div>		
									@endif
									

								</div>
							</div>
						</div>

							@if ($page_data->feature_cards_status === 'show')

						<div class="row">
							<div class="col-12">
								<!-- Agency Feature -->
								<div class="agency-feature">
        @foreach($features_card as $item)
									<div class="a-feature">
										<i class="fa fa-users"></i>
										<h4>{{ $item->title }}</h4>
										<p>{!! $item->description !!}</p>
									</div>
									@endforeach

								</div>
								<!--/ End Agency Feature -->
							</div>
						</div>

						@endif

					</div>
				</div>
			</div>
		</section>
		<!--/ End Hero Agency -->

@else


<section class="hero-slider style1">
<div class="home-slider">
@foreach($hero_data as $item)
<div class="single-slider" style="background-image:url('{{ asset('uploads/'.$item->background_image) }}')">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-8 col-12">
<div class="welcome-text">
			<div class="hero-text">
							<h4>{{ $item->heading_small }}</h4>
							<h1>{{ $item->heading_large }}</h1>
							<div class="p-text">
											<p>{!! $item->description !!}</p>
							</div>
							<div class="button">
											@if(isset($item->btn1_text) && isset($item->btn1_link))
															<a href="{{ $item->btn1_link }}" class="bizwheel-btn theme-1 effect">{{ $item->btn1_text }}</a>
											@endif
										@if(isset($item->btn2_text) && isset($item->btn2_link))
															<a href="{{ $item->btn2_link }}" class="bizwheel-btn theme-2 effect">{{ $item->btn2_text }}</a>
											@endif
							</div>
			</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
</section>

@endif


@endif
		<!--/ End Hero Slider -->
		


		<!-- Features Area -->
	@if ($page_data->feature_cards_status === 'show' && $homepage_data->version === 'one')
					
 <section class="features-area section-bg">
<div class="container">
<div class="row">
@foreach($features_card as $item)
<div class="col-lg-3 col-md-6 col-12">
<!-- Single Feature -->
<div class="single-feature @if($loop->iteration == 3) active @endif">
		<div class="icon-head">
						<i class="{{ $item->icon }}"></i>
		</div>
		<h4><a href="{{ $item->link ?? '#' }}">{{ $item->title }}</a></h4>
		<p>{!! $item->description !!}</p>
		@if ($item->link)
		<div class="button">
						<a href="{{ $item->link }}" class="bizwheel-btn">
										<i class="fa fa-arrow-circle-o-right"></i> {{ $item->button_text }}
						</a>
		</div>				
		@endif
		
</div>
<!--/ End Single Feature -->
</div>
@endforeach
</div>
</div>
</section>

	@endif

  
		<!--/ End Features Area -->
@if($page_data->features_status == 'show')
<!-- Video Feature -->
<section class="video-feature side overlay section-bg">
<div class="container">
<div class="row">
<!-- Video Thumbnail -->
<div class="col-lg-6 col-md-6 col-12">
<div class="img-feature">
@isset($page_data->features_video_background)
			<img src="{{ asset('uploads/' . $page_data->features_video_background) }}" alt="Video Thumbnail">	
@endisset

@isset($page_data->features_video_url)
<div class="video-play">
	<a href="{{ $page_data->features_video_url }}" class="video video-popup mfp-iframe">
					<i class="fa fa-play"></i>
	</a>
	<div class="waves-block">
					<div class="waves wave-1"></div>
					<div class="waves wave-2"></div>
					<div class="waves wave-3"></div>
	</div>
</div>
@endisset

@isset($page_data->features_video_url )
<span>{{ $page_data->features_video_label }}</span>
@endisset

</div>
</div>

<!-- Feature Text -->
<div class="col-lg-6 col-md-6 col-12">
<div class="features-main">
<div class="title">
	<h2>{{ $page_data->features_title }}</h2>
	<p>{!! $page_data->features_description !!}</p>
</div>

@if ($page_data->feature_list_status == 'show')
				
<div class="b-features">
	<div class="row">
		@foreach ($feature_lists as $item)
			@if ($item->status === 'show')
				<div class="col-lg-6 col-md-6 col-12">
					<div class="single-list-feature">
						<i class="{{ $item->icon }}"></i>
						<h4>{{ $item->title }}</h4>
						<p>{!! $item->description !!}</p>
					</div>
				</div>
			@endif
		@endforeach
	</div>
</div>

@endif

@if(isset($page_data->features_button_text) && isset($page_data->features_button_url))
	<div class="feature-btn">
					<a href="{{ $page_data->features_button_url?:'#' }}" class="bizwheel-btn theme-2">
									{{ $page_data->features_button_text }}
					</a>
	</div>
@endif

</div>
</div>
</div>
</div>
</section>
@endif

		<!--/ End Video Feature -->
		
		<!-- Services -->
 @if ($page_data->service_status === 'show')
					
		<section class="services section-bg section-space">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="section-title style2 text-center">
							<div class="section-top">
									<h1>  
									@isset ($page_data->service_title_highlight)
									<span>{{ $page_data->service_title_highlight }}</span>
									@endisset
										<b>{{ $page_data->service_title }}</b></h1>
								<h4>{{ $page_data->service_subtitle }}</h4>
							</div>
							<div class="section-bottom">
								<div class="text-style-two">
									<p>{!! $page_data->service_title_description !!}</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">

    @foreach ($service_data as $item)
				@if ($item->card_status == 'show')

			<div class="col-lg-4 col-md-4 col-12">
				<!-- Single Service -->
				<div class="single-service">
					<div class="service-head">
						@isset ($item->card_sticker)
						<div class="featured">{{ $item->card_sticker }}</div>				
						@endisset
						<img src="{{ asset('uploads/'.$item->card_image) }}" alt="#">
						@if ($item->card_icon)
						<div class="icon-bg"><i class="{{ $item->card_icon }}"></i></div>
						@endif
					</div>
					<div class="service-content">
						<h4><a href="{{ route('service_details',$item->slug) }}">{{ $item->card_title }}</a></h4>
						<p>{!! $item->card_description !!}</p>

						@if ($item->card_button_text)
						<a class="btn" href="{{ route('service_details',$item->slug) }}"><i class="fa fa-arrow-circle-o-right"></i>{{ $item->card_button_text }}</a>				
						@endif
						
					</div>
				</div>
				<!--/ End Single Service -->
			</div>
								
				@endif
				@endforeach

					

				</div>
			</div>
		</section>

	@endif
		<!--/ End Services -->
		
		<!-- Call To Action -->

@if ($page_data->badge_status === 'show')
	<section class="call-action overlay" style="background-image:url('{{ asset('uploads/' . $page_data->badge_background_image) }}')">
<div class="container">
	<div class="row">
		<div class="col-lg-9 col-12">
			<div class="call-inner">
				<h2>{{ $page_data->badge_title }}</h2>
				<p>{{ $page_data->badge_subtitle }}</p>
			</div>
		</div>

		<div class="col-lg-3 col-12">
		@if (isset($page_data->badge_button_link) && isset($page_data->badge_button_text) )
				<div class="button">
				<a href="{{ $page_data->badge_button_link }}" class="bizwheel-btn">{{ $page_data->badge_button_text }}</a>
			</div>					
		@endif
					
		
		</div>
	</div>
</div>
</section>			
@endif
		<!--/ End Call to action -->

		
		
		<!-- Portfolio -->

 @if ($page_data->portfolio_status === 'show')
					
 		<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>
			</div>
		</section>

	@endif


		<!--/ End Portfolio -->
		
		<!-- Testimonials -->

 @if ($page_data->testimonial_status === 'show' )
					
<section class="testimonials section-space" style="background-image:url('{{ asset('uploads/' . $page_data->testimonial_background) }}')">
<div class="container">
	<div class="row">
		<div class="col-lg-6 col-md-9 col-12">
			<div class="section-title default text-left">
				<div class="section-top">
					<h1><b>{{ $page_data->testimonial_title }}</b></h1>
				</div>
				<div class="section-bottom">
					<div class="text"><p>{{ $page_data->testimonial_subtitle }}</p></div>
				</div>
			</div>
			<div class="testimonial-inner">
				<div class="testimonial-slider">

					<!-- Single Testimonial -->
					@foreach ($testimonials as $testimonial)
						<div class="single-slider">
						<ul class="star-list">

							@for ($i = 1; $i <= 5; $i++)

							@if ($i <= $testimonial->star_count)
								<li><i class="fa fa-star"></i></li>				
							@else
								<li><i class="fa fa-star-o"></i></li>	
							@endif

							@endfor


						</ul>
						<p>{!! $testimonial->comment !!}</p>
						<!-- Client Info -->
						<div class="t-info">
							<div class="t-left">
        @isset($testimonial->photo)
									<div class="client-head"><img src="{{ asset('uploads/' . $testimonial->photo) }}" alt="#"></div>			
								@endisset
								<h2>{{ $testimonial->name }}<span>{{ $testimonial->position }}</span></h2>
							</div>
							<div class="t-right">
								<div class="quote"><i class="fa fa-quote-right"></i></div>
							</div>
						</div>
					</div>			
					@endforeach
					<!-- / End Single Testimonial -->

				</div>
			</div>
		</div>
	</div>
</div>
</section>

	@endif


		<!--/ End Testimonials -->
		
		<!-- Counterup -->

	@if ($page_data->countup_status === 'show')
					
		<section class="counterup">
			<div class="container">
				<div class="row">

					@for ($i = 1; $i <= 4; $i++)
					<div class="col-lg-3 col-md-6 col-12">
						<!-- Single Counterup -->
						<div class="single-counter">
							<div class="icon"><i class="{{ $page_data->{'item'.$i.'_icon'} }}"></i></div>
							<div class="conter-content">
								<div class="counter-head">
									<h3><b class="number">{{ $page_data->{'item'.$i.'_number'} }}</b><span>{{ $page_data->{'item'.$i.'_suffix'} }}</span></h3>
								</div>
								<p>{{ $page_data->{'item'.$i.'_title'} }}</p>
							</div>
						</div>
						<!--/ End Single Counterup -->
					</div>				
					@endfor
					
				</div>
			</div>
		</section>
		@endif

		<!--/ End Counterup -->
		
		<!-- Our Team -->

	@if ($page_data->team_status === 'show')
				
		<section class="team section-bg section-space">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="section-title  style2 text-center">
							<div class="section-top">
								<h1>@isset($page_data->team_title_highlight)
								<span>{{ $page_data->team_title_highlight }}</span>				
								@endisset<b>{{ $page_data->team_title }}</b></h1><h4>{{ $page_data->team_subtitle }}</h4>
							</div>
							<div class="section-bottom">
								<div class="text-style-two">
									<p>{{ $page_data->team_title_text }}</p>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="team-slider">

						@foreach ($teams as $team)
					<div class="single-slider">
						<!-- Single Team -->
						<div class="single-team">
							<div class="team-head">

								<img src="{{ asset('uploads/'.$team->photo) }}" alt="#">

									@if ($team->icons_status === 'show')
									<ul class="team-social">
									@for ($i = 1; $i <=4; $i++)
									@if (isset($team->{'item'.$i.'_url'}) && isset($team->{'item'.$i.'_icon'}))
										<li><a href="{{ $team->{'item'.$i.'_url'} }}"><i class="{{ $team->{'item'.$i.'_icon'} }}"></i></a></li>							
									@endif
									@endfor
								</ul>				
								@endif

							</div>
							<div class="t-content">
							@if ($team->icons_status === 'show')
									<div class="team-arrow">
									<a><i class="fa fa-angle-up"></i></a>
								</div>			
								@endif
								<div class="content-inner">
									<h4 class="name"><a href="{{ $team->person_url?:'#' }}">{{ $team->name }}</a></h4>
									<span class="designation">{{ $team->position }}</span>
								</div>
							</div>
						</div>
						<!--/ End Single Team -->
					</div>
							@endforeach


				</div>
			</div>
		</section>

	@endif
	
		<!--/ End Team -->
		@if ($page_two_data->blog_status === 'show')
					<!-- Latest Blog -->
		<section class="latest-blog 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_two_data->blog_title_highlight)
									<span>{{ $page_two_data->blog_title_highlight }}</span>			
								@endisset<b>{{ $page_two_data->blog_title }}</b></h1>
							</div>
							<div class="section-bottom">
								<div class="text">
									<p>{{ $page_two_data->blog_title_text }}</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="blog-latest blog-latest-slider">
							@foreach ($blogs as $item)
											
							<div class="single-slider">
								<!-- Single Blog -->
								<div class="single-news ">
									<div class="news-head overlay">
										<span class="news-img" style="background-image:url('{{ asset('uploads/' . $item->card_photo) }}')"></span>
										<a href="{{ route('blog_details',$item->slug) }}" class="bizwheel-btn theme-2">Read more</a>
									</div>
									<div class="news-body">
										<div class="news-content">
											<h3 class="news-title"><a href="{{ route('blog_details',$item->slug) }}">{{ $item->card_title }}</a></h3>
											<ul class="news-meta">
												<li class="date"><i class="fa fa-calendar"></i>{{ $item->created_at->format('F Y') }}</li>
												{{-- comments count --}}
												<li class="view"><i class="fa fa-comments"></i>{{ $item->comments_count + $item->replies_count }}</li>
												<li class="heart"><i class="fa fa-heart"></i>35</li>
											</ul>
											<div class="news-text"><p>{{ $item->card_text }}</p></div>
										</div>
									</div>
								</div>
								<!--/ End Single Blog -->
							</div>

							@endforeach


						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/ End Latest Blog -->		
		@endif
	
		
		<!-- Client Area -->
		@if ($page_data->client_status === 'show')
			<div class="clients section-bg">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="partner-slider">
							@foreach ($clients as $item)
										<!-- Single client -->
							<div class="single-slider">.
								
								<div class="single-client">
									<a href="{{ $item->url ?:'#' }}" target="_blank"><img src="{{ asset('uploads/'.$item->photo) }}" alt="#"></a>
								</div>
							</div>
							<!--/ End Single client -->			
							@endforeach
					

						</div>
					</div>
				</div>
			</div>
		</div>					
		@endif
		<!--/ End Client Area -->
				
@endsection