@extends('layouts.master')


@section('content')
       <!-- /////////////////// -->
    <!-- Start Feature Wrapper -->	
    <div class="outter-wrapper feature">
    	<hr/>
    </div>	
    <!-- End Feature Wrapper -->		
<?php
$basic_group =[
'Scheduing',
'Patient Reminder',
'Health Tracking',
'100 patient'
];

$prof_group =[
	'Auto Re-Scheduing',
	'Family Account',
	'Patient App Link'
	];

?>
    	
    	
    	
    <div class="outter-wrapper">	
    	 <!-- Start Main Body -->
        <div class="main-container">
            <div class="main wrapper clearfix">
            	<!-- Start Main Content -->
            	
                <div class="main-content">
                	<h1>Pricing</h1>
                	<p class="lead">Make a donation today to help our cause. Below are several key area's in which we need your support and your donations. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>   	                
                	
                	<hr/>
                	<div class="clearfix">
                	<!-- Start Price -->
                	<div class="third price">
                		<h3>Starter<span>Free</span></h3>
                		<div class="price-detail">
                		<p><em>Get Started fast with your basic practice need.</em></p>
                		<ul>
							<?php
							 foreach($basic_group as $dt ){
								 echo "<li>".$dt."</li>";
							 }
							?>
                			
                		</ul>
                		<a class="btn">Start Today</a>
                		</div>	
                	</div>
                	
                	
                	<!-- Start Price -->
                	<div class="third price price-feature">
                		<h3>Professionals<span>$22</span></h3>
                		<div class="price-detail">
                		<p><em>Everything from "Starter" plus more.</em></p>
                		<ul>
						<?php
							 foreach($prof_group as $dt ){
								 echo "<li>".$dt."</li>";
							 }
							?>                		
                			<li>Photo Updates</li>
                			<li>Avatar on Site</li>
                			<li>Kause Newsletter</li>
                		</ul>
                		<a class="btn green-btn">Start Now</a>
                		</div>	
                	</div>
                	
                	
                	<!-- Start Price -->
                	<div class="third price last">
                		<h3>Enterprise<span><a class="btn btn-sx">Contact Us</a></span></h3>
                		<div class="price-detail">
                		<p><em>Everything from "Professional" plus more.</em></p>
                		<ul>
                			<li>One Off Donation</li>
                			<li>Photo Updates</li>
                			<li>Kause Newsletter</li>
                			<li>Avatar on Site</li>
                			<li>10kg Trash Removal</li>
                		</ul>
                		<a class="btn">Contact Us</a>
                		</div>	
                	</div>
                	</div>
                	
                	<hr/>
                	
                	<!-- Message Box -->
                	<div class="message promo clearfix">
                		<h4>Something else? Want to make a custom solution? <a href="/contact"><span>Make Custom Request</span></a></h4>
                	</div>
                	
                	
                	<!-- /////////////////// --> 
                	<!-- Start FAQ -->
                	<div class="clearfix">
                		<div class="text-seperator">
                			<h5>Frequent Questions</h5>
                		</div>
                			
                		<div class="half">
                			<h5>Can I upgarde more than once?</h5>
                			<p>Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod sit amet ferment umper.</p>
                			
                			<h5>What is the payment method?</h5>
                			<p>Donec sed odio duiulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper.</p>
                		</div>
                		
                		<div class="half last">
                			<h5>Can I merge practice togerther?</h5>
                			<p>Cras mattis consectetur purus sit amet fermentum a pharetra augue. Vestibulum id ligula porta felis euismod semper.</p>
                			
                			<h5>How can I see status updates?</h5>
                			<p>Sed posuere consectetur est at lobortis. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula portafel.</p>
                		</div>
                	</div>
                		
              	<!-- Finish Main Content -->
                </div>
			


        	</div> <!-- #main -->
        </div> <!-- #main-container -->
	</div>
    	

@stop
