@extends('layouts.customer')

@section('content')

<div class="container">	

	<div class="row">
		@foreach($plans as $plan)	
			<div class="col-4 mb-4">
				<div class="card">
					<div class="card-body">
						<div class="mt-2 mb-4">
							<h2 class="text-center">
								{{ $plan->title}}
							</h2>
							<h5 class="text-center">
								$ {{$plan->amount}}  / {{ $plan->duration }}
							</h5>
						</div>
						<div class="mt-2 mb-2">
							<div class="scroll ps">
								<p class="text-muted text-small">Services</p>
								<ul class="list-unstyled mb-5">
									@foreach( $plan->services as $service )
										<li>
											<a>
												<i class="simple-icon-home"></i>
												{{ $service->name }}
											</a>
										</li>
									@endforeach
								</ul>
							</div>
						</div>
						@if( !in_array($plan->id, $active_plan) )
							@php
								$plan = \Illuminate\Support\Facades\Crypt::encrypt( $plan->id );
							@endphp
							<a href="{{ route('plan.show', ['plan' => $plan]) }}" class="btn btn-primary btn-block"> Upgrade Plan </a> 
						@else
							@php
								$plan = \Illuminate\Support\Facades\Crypt::encrypt( $plan->id );
							@endphp
							<a href="{{ route('plan.current', ['plan' => $plan]); }}" class="btn btn-secondary btn-block"> Manage Plan </a> 
						@endif
					</div> 
				</div>
			</div>
		@endforeach
	
		
	
	</div>
</div>

@endsection