@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
    		<div class="row">
	            <div class="col-md-6" >
	            	<div class="card  card-default">
	            		<h5 class="card-header">My Balences</h5>
	            		<div class="card-body">
	             			 <p ><span class="font-weight-bold">Balance: </span><span style="font-family:'a.lewisregular';">V</span> <strong>{{number_format($points, 9)}}</strong> (Voluntarium)</p>
	             			 <p ><span class="font-weight-bold">Transactions: </span>	
	             			 	@forelse($transactions as $transaction)
	             			 		<br/><small>{{$transaction->amount . ": ". $transaction->message . " - " . $transaction->data }}</small>
	             			 	@empty
	             			 		<br/><small>No Transactions to display.</small>
	             			 	@endforelse
	             			 </p>
	             		</div>
	                </div>
	            </div>
	            <div class="col-md-6" >
	            	<div class="card  card-default">
	             		<h5 class="card-header">Available volunteer jobs:</h5>
	            		<div class="card-body">
	             			 	@forelse($jobs as $job)
		             			 	<p >
		             			 		{{$job }}<span style="color:red;">*</span><hr/>
		             			 	</p>
	             			 	@empty
	             			 		<p>
	             			 			<br/><small>No current opportunities available.</small>
	             			 		</p>
	             			 	@endforelse
	             			 	<p><span style="color:red;">*</span><small>We only accept persons who physically report at the hub for jobs.</small></p>
	            		
	             		</div>
	                </div>
            	</div>
	        </div>
	            	<div class="card">
	            		<h5  class="card-header">What is Voluntreum?</h5>
	            		<div class="card-body">
            				<p>As a social organisation we require a lot of volunteer help from our community. As a way to say thanks we have introduced the Voluntreum token. </p>

            				<p>Voluntreum is not a currency but you can use it for different services at our hub. Volentreum can not be transferred to someone else and can only be used by the person who it has been gifted to.</p>
	             			 <p class="card-text "><span class="font-weight-bold">Ways to spend your Voluntreum at the hub: </span></p>
	             			 <div class="row">
		             			 <div class="col-md-4">
		             			 	<p><img src="/images/plate_of_food.jpg" width="100%"/></p>
		             			 	<p>Our restaurant serves sit down meals throughout the day.</p>
		             			 </div>
		             			 <div class="col-md-4">
		             			 	<p><img src="/images/general_store_shelves.jpg" width="100%"/></p>
		             			 	<p>We have a general store at our hub where you can buy supplies and wares.</p>
		             			 </div>
		             			 <div class="col-md-4">
		             			 	<p><img src="/images/clinic_staff.jpg" width="100%"/></p>
		             			 	<p>Clinic services are available during working hours.</p>
		             			 </div>
		             		</div>
	             		</div>
	                </div>
        </div>
    </div>
</div>
@endsection