@extends('front.layout.app')

@section('seo_title')
{{ $page_two_data->pricing_seo_title }}
@endsection

@section('seo_meta_description')
{{ $page_two_data->pricing_seo_meta_description }}
@endsection

@section('main_content')

<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . $page_two_data->pricing_banner) }}')">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<div class="bread-menu">
<ul>
<li><a href="{{ route('home') }}">Home</a></li>
<li><a href="{{ route('about_show_home') }}">{{ $page_two_data->pricing_navtext }}</a></li>
</ul>
</div>
<div class="bread-title"><h2>{{ $page_two_data->pricing_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>





		<!-- Pricing Plan -->
		<section class="pricing 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->pricing_title_highlight)
											<span>{{ $page_two_data->pricing_title_highlight }}</span>	
								@endisset<b>{{ $page_two_data->pricing_title }}</b></h1>
							</div>
							<div class="section-bottom">
								<div class="text">
									<p>{{ $page_two_data->pricing_subtitle }}</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">

					@foreach ($plans as $item)
				<div class="col-lg-4 col-md-4 col-12">
						<!-- Single pricing -->
						<div class="single-pricing">
							<!-- Price Head -->
							<div class="price-head">

								@if ($item->badge || $item->badge_percentage)
								<div class="p-best"><p>{{ $item->badge }}
								@if ($item->badge_percentage)
								<span>{{ $item->badge_percentage }} off</span>
								@endif</p>
								</div>
								@endif

								<h4 class="small-title">{{ $item->title }}<span>{{ $item->subtitle }}</span></h4>
								<div class="icon-head">
									<i class="{{ $item->icon }}"></i>
								</div>
							</div>
							<h2 class="price"><span><b>{{ $setting_data->currency_symbol }}</b>{{ $item->price }}</span><b class="renew">{{ $item->renew }}</b></h2>{{ $item->title }}
							<ul class="price-list">
								@php
									$lists = explode("\n", $item->list);
						 	@endphp
								@foreach ($lists as $list)
								<li>{!! $list !!}</li>
								@endforeach

							</ul>
							<div class="button">
								<a class="bizwheel-btn theme-1" href="{{ $item->button_url }}">{{ $item->button_text }}</a>
							</div>
						</div>
						<!--/ End Single pricing -->
					</div>	
					@endforeach
					

				</div>
			</div>
		</section>	
		<!--/ End Pricing Plan -->




@endsection