@extends('front.layout.app')

@section('seo_title')
{{ $page_data->service_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_data->service_seo_meta_description	}}
@endsection

@section('main_content')
 
<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . ($page_data->service_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('service_all') }}">{{ $page_data->service_banner_navtext }}</a></li>
</ul>
</div>
<!-- Bread Title -->
<div class="bread-title"><h2>{{ $page_data->service_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->


		<!-- 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>
									@if ($page_data->service_title_highlight)<span>{{ $page_data->service_title_highlight }}</span>
									@endif
										<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_details 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">
						@if ($item->card_sticker)
						<div class="featured">{{ $item->card_sticker }}</div>				
						@endif
						<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>

   @include('front.layout.pagination', ['items' => $service_details])


			</div>
		</section>

	@endif
		<!--/ End Services -->






@endsection