@extends('layout.template')

@section('title', 'Dashboard')

@section('content')
	<div class="page-title-area title-bg-ten">
	   <div class="d-table">
	      <div class="d-table-cell">
	         <div class="container">
	            <div class="title-item">
	               <h2>Espace Donateur</h2>
	               <ul>
	                  <li>
	                     <span>Espace Donateur</span>
	                  </li>
	               </ul>
	            </div>
	         </div>
	      </div>
	   </div>
	</div>


	<div class="rules-area ptb-100">		
		<div class="row">
			<div class="col-3">
			    <div class="list-group" id="list-tab" role="tablist">
			      <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Mes dons</a>
			      <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
			      <a class="list-group-item list-group-item-action" href="{{ route('projets') }}">Faire un don</a>
			      <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
			    </div>
		  	</div>
		  	<div class="col-9">
			    <div class="tab-content" id="nav-tabContent">

			      <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">
			      		<div class="table-responsive">
							@if( $donateSingle->isEmpty() )
								<p>
									Vous n'avez pas encore faire de don au Point Ancrage Jeunesse, <br>
									vous pouvez le faire en cliquant sur le bouton ci-dessous.
								</p>
								<a href="{{ route('projets') }}" class="btn btn-primary">Faire un don</a>
							@else

							<table class="table table-bordered"> 
								<thead>
									<th>N°</th>
									<th>Image du projet</th>
									<th>Nom du projet</th>
									<th>Somme donnée</th>
									<th>Action</th>
								</thead>
								<tbody>
									
									@php
										$i = 1;
									@endphp
									@foreach( $donateSingle as $don )
																				<tr>
											<td>{{ $i++ }}</td>
											<td><img width="50" src="/assets/img/projects/{{ $don->image }}"></td>
											<td>{{ $don->titre_fr }}</td>
											<td><b>{{ $don->gains }} CAD</b></td>
											<td align="center">
												<a href="#" class="btn-primary btn">Détails</a>
											</td>
										</tr>
									@endforeach

								</tbody>
							</table>

							@endif
						</div>
			      </div>

			      <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">

			      		<h4>Mes informations</h4>
		      			<p>Nom et Prénoms: <b>{{ Auth::user()->name }}</b></p>
		      			<p>Email: <b>{{ Auth::user()->email }}</b></p>
		      			<p>Phone: <b>{{ Auth::user()->telephone }}</b></p>

			      </div>
			      <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">
			      	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
			      	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
			      	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
			      	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
			      	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
			      	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
			      </div>
			      <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">
			      	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
			      	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
			      	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
			      	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
			      	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
			      	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
			      </div>
			    </div>
		  	</div>
		</div>

	</div>
@endsection