@section('title', 'Dashboard')
<div>
<h1>Dashboard</h1>

<div class="card">
    <p><b>Welkom,</b> {{ auth()->user()->name }}</p>
</div>

<div class="grid md:grid-cols-3 gap-4">
	<div class="card md:col-span-2">
		<h3>Aankomende opleidingensdagen</h3>
		<table>
			<thead>
				<th>Datum</th>
				<th>Opleiding</th>
				<th>Bedrijf</th>
				<th>Studenten</th>
				<th>Uren</th>
				@if(can('view_opleidingen') || can('view_eigenopleidingen'))
				<th></th>
				@endif
			</thead>
			<tbody>
				@foreach($aankomendeopleidingen as $aankomendeopleiding)
				<tr>
					<td>{{ $aankomendeopleiding->datum }}</td>
					<td>{{ opleidingsnaamByIDwHerkenning($aankomendeopleiding->opleidingsid) }}</td>
					<td>
						@if(!empty($aankomendeopleiding->opleiding->company_id))
						{{ companyByID($aankomendeopleiding->opleiding->company_id) }}
						@endif
					</td>
					<td>{{ studentenByOpleidingsdeel($aankomendeopleiding->id) }}</td>
					<td>{{ $aankomendeopleiding->lesuren }}</td>
					@if(can('view_opleidingen') || can('view_eigenopleidingen'))
					<td><a href="{{ route('admin.opleidingen.viewdeel', ['opleiding' => $aankomendeopleiding->opleidingsid, 'opleidingsdeel' => $aankomendeopleiding->id]) }}"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></td>
					@endif
				</tr>
				@endforeach
			</tbody>
		
		</table>

	</div>
	
	@if(can('view_opleidingen'))
	@if(can('view_crm'))
	<div class="card md:col-span-1 card">
		<h3>Statistieken</h3>
		<h4>Gegeven opleidingsdelen</h4>
		<span style="color:#99BFA1; font-size:30px; font-weight: bold;"><i class="fa-solid fa-person-chalkboard" style="width:50px;"></i>&nbsp;&nbsp; {{ $gegevenopleidingen }}</span>
		<h4>Behaalde diploma's</h4>
		<span style="color:#99BFA1; font-size:30px; font-weight: bold;"><i class="fa-solid fa-file" style="width:50px;"></i>&nbsp;&nbsp; {{ $diplomas }}</span>
		<h4>Onderwezen studenten</h4>
		<span style="color:#99BFA1; font-size:30px; font-weight: bold;"><i class="fa-solid fa-users" style="width:50px;"></i>&nbsp;&nbsp; {{ $studenten }}</span>
	</div>
	@endif
	@endif
	
</div>	
</div>