@extends('layouts.app')

@section('content')
<div class="container">
  <div class="row">
			<div class="col-md-12 margin-top-25">

				<h2>Pricing Plans</h2>

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

<div class="container">
	<div class="row">

		<div class="col-xl-12">

			<!-- Billing Cycle  -->
			<div class="billing-cycle-radios margin-bottom-70">
				<div class="radio billed-monthly-radio">
					<input id="radio-5" name="radio-payment-type" type="radio" checked>
					<label for="radio-5"><span class="radio-label"></span> Billed Monthly</label>
				</div>

				<div class="radio billed-yearly-radio">
					<input id="radio-6" name="radio-payment-type" type="radio">
					<label for="radio-6"><span class="radio-label"></span> Billed Yearly <span class="small-label">Save 10%</span></label>
				</div>
			</div>

			<!-- Pricing Plans Container -->
			<div class="pricing-plans-container">

				<!-- Plan -->
				<div class="pricing-plan">
					<h3>Basic Plan</h3>
					<p class="margin-top-10">One time fee for one listing or task highlighted in search results.</p>
					<div class="pricing-plan-label billed-monthly-label"><strong>R29</strong>/ monthly</div>
					<div class="pricing-plan-label billed-yearly-label"><strong>R299</strong>/ yearly</div>
					<div class="pricing-plan-features">
						<strong>Features of Basic Plan</strong>
						<ul>
							<li>1 Listing</li>
							<li>30 Days Visibility</li>
							<li>Highlighted in Search Results</li>
						</ul>
					</div>
					<a href="pages-checkout-page.html" class="button full-width margin-top-20">Buy Now</a>
				</div>

				<!-- Plan -->
				<div class="pricing-plan recommended">
					<div class="recommended-badge">Recommended</div>
					<h3>Standard Plan</h3>
					<p class="margin-top-10">One time fee for one listing or task highlighted in search results.</p>
					<div class="pricing-plan-label billed-monthly-label"><strong>R49</strong>/ monthly</div>
					<div class="pricing-plan-label billed-yearly-label"><strong>R499</strong>/ yearly</div>
					<div class="pricing-plan-features">
						<strong>Features of Standard Plan</strong>
						<ul>
							<li>5 Listings</li>
							<li>60 Days Visibility</li>
							<li>Highlighted in Search Results</li>
						</ul>
					</div>
					<a href="pages-checkout-page.html" class="button full-width margin-top-20">Buy Now</a>
				</div>

				<!-- Plan -->
				<div class="pricing-plan">
					<h3>Extended Plan</h3>
					<p class="margin-top-10">One time fee for one listing or task highlighted in search results.</p>
					<div class="pricing-plan-label billed-monthly-label"><strong>R99</strong>/ monthly</div>
					<div class="pricing-plan-label billed-yearly-label"><strong>R899</strong>/ yearly</div>
					<div class="pricing-plan-features">
						<strong>Features of Extended Plan</strong>
						<ul>
							<li>Unlimited Listings Listing</li>
							<li>90 Days Visibility</li>
							<li>Highlighted in Search Results</li>
						</ul>
					</div>
					<a href="pages-checkout-page.html" class="button full-width margin-top-20">Buy Now</a>
				</div>
			</div>

		</div>

	</div>
</div>

@endsection