@extends(view_path('master'))

@section('additional_head_tags')
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "WebPage",
	"image": "{{ $meta_data->image }}",
	"name": "{{ $meta_data->title }}",
  "url": "{{ $meta_data->url }}",
  "description": "{{ $meta_data->description }}"
}
</script>
@endsection

@section('body')
	
	<div class="ui one column shadowless celled grid my-0 px-1" id="pricing">	

		{!! place_ad('ad_728x90') !!}

		@if($subscriptions->count())
		<div class="row">
			<div class="column title">
				<h1>{{ __('Our Pricing Plans') }}</h1>
				<h3>{{ __('Explore our pricing plans, from :first to :last, choose the one that meets your needs.', ['first' => $subscriptions->first()->name, 'last' => $subscriptions->last()->name]) }}</h3>
			</div>

			<div class="column mx-auto px-0">
				<div class="ui three doubling cards">
					@foreach($subscriptions as $subscription)
					<div class="card">
						<div class="content name">
							<span style="background: {{ $subscription->color ?? '#667694' }}">{{ __($subscription->name) }}</span>
						</div>

						<div class="content price">
							<div style="color: {{ $subscription->color ?? '#000' }}">
								{{ price($subscription->price, false, true) }}
								@if($subscription->title)<span>/ {{ __($subscription->title) }}</span>@endif
							</div>
						</div>

						<div class="content description">
							@foreach(explode("\n", $subscription->description) as $note)
							<div><i class="check blue icon"></i>{{ $note }}</div>
							@endforeach
						</div>

						<div class="content buy">
							<a href="{{ pricing_plan_url($subscription) }}" class="ui large circular button mx-0" style="background: {{ $subscription->color ?? '#667694' }}">
								{{ __('Get started') }}
							</a>
						</div>
					</div>
					@endforeach
				</div>
			</div>
		</div>
		@endif

	</div>

@endsection