@inject('carbon', 'Carbon\Carbon')
@section('title', 'Bekijk opleiding')

<div>
	<div>
    <div class="mb-5">
        <a href="{{ route('admin.opleidingen') }}">Opleidingen</a>
		<span class="dark:text-gray-200">- <a href="{{ route('admin.opleidingen.view', ['opleiding' => $opleidingsdeelInfo->opleidingsid]) }}"> {{ opleidingsnaamByIDwHerkenning($opleidingsdeelInfo->opleidingsid) }} </a></span>
        
    </div>


    </div>

    <div class="clearfix"></div>


	@include('errors.messages')
    
	<table>
        <thead>
        <tr>
			<th>Datum</th>
			<th># lesuren</th>
			<th># studenten</th>
			<th>Lector</th>
			<th></th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td>{{ $carbon::parse($opleidingsdeelInfo->datum)->format('d-m-Y H:i') }}</td>
				<td>{{ $opleidingsdeelInfo->lesuren }} van {{ $opleidingen->lesuren }}</td>
				<td>{{ studentenByOpleidingsdeel($opleidingsdeelInfo->id) }}</td>
				<td>{{ userByID($opleidingsdeelInfo->lector) }}</td>
                <td>
					
					@if(can('view_opleidingsinstellingen'))
					
						@if($carbon::parse($opleidingsdeelInfo->datum)->isFuture())

						<a href="{{ route('admin.opleidingen.editdeel', ['opleiding' => $opleidingsdeelInfo->opleidingsid, 'opleidingsdeel' => $opleidingsdeelInfo->id]) }}" @click="on = true" style="margin-right: 15px;"><i class="fa-solid fa-edit"></i></a>
						@endif

						@if(studentenByOpleidingsdeel($opleidingsdeelInfo->id) == 0)

						<x-modal>
							<x-slot name="trigger">
								<a href="#" @click="on = true"><i class="fa-solid fa-trash-can"></i></a>
							</x-slot>

							<x-slot name="title">Verwijderen bevestigen</x-slot>
								<x-slot name="content">
									<div class="text-center">
										Ben je zeker dat je opleidingsdeel <b>{{ $opleidingsdeelInfo->datum }}</b> van de opleiding <b>{{ opleidingsnaamByIDwHerkenning($opleidingsdeelInfo->opleidingsid) }}</b>@if(!empty($opleidingsdeelInfo->opleiding->company_id)) voor het bedrijf <b>{{ companyByID($opleidingsdeelInfo->opleiding->company_id) }}</b>@endif  wil verwijderen? 
									</div>
								</x-slot>

								<x-slot name="footer">
									<button class="btn" @click="on = false">Annuleer</button>
										<button class="btn btn-red" wire:click="deleteOpleidingsdeel('{{ $opleidingsdeelInfo->id }}')"><i class="fa-solid fa-trash-can"></i>&nbsp; Verwijder</button>
								</x-slot>
							</x-modal>

						@endif
					@endif
				</td>
            </tr>
        </tbody>
    </table>
	
	
	<div class="grid grid-cols-1 md:grid-cols-2 lg:gap-6">
		<div class="col-span-1">
			<div class="card">
				<h3>Bestaande student toevoegen</h3>
				
				<div class="relative">
						<input
							type="text"
							class="block w-full dark:bg-gray-500 dark:text-gray-200 dark:placeholder-gray-200 border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-light-blue-500 focus:border-light-blue-500 sm:text-sm"
							placeholder="Zoek studenten..."
							wire:model="query"
							wire:keydown.escape="resetData"
							wire:keydown.tab="resetData"

						/>

						<div wire:loading class="absolute z-50 w-full bg-white dark:bg-gray-500 dark:text-gray-200 border border-gray-300 dark:border-gray-400 rounded-md text-gray-700 text-sm divide-y divide-gray-200">
							<div class="flex items-center px-1 py-1 hover:bg-gray-200 dark:hover:bg-gray-600 transition ease-in-out duration-150">Aan het zoeken...</div>
						</div>

						@if(!empty($query))
							<div class="fixed top-0 right-0 bottom-0 left-0" wire:click="reset"></div>

							<ul class="absolute z-50 w-full bg-white dark:bg-gray-500 dark:text-gray-200 border border-gray-300 dark:border-gray-400 rounded-md text-gray-700 text-sm divide-y divide-gray-200">
								@if(!empty($contacts))
									@foreach($contacts as $i => $contact)
										<li class="list-none"><a href="{{ route('admin.opleidingen.addstudent', ['student' => $contact['id'], 'opleiding' => $opleiding, 'opleidingsdeel' => $opleidingsdeel]) }}" class="flex items-center px-1 py-1 hover:bg-gray-200 dark:hover:bg-gray-600 transition ease-in-out duration-150">{{ $contact['first_name'] }} {{ $contact['last_name'] }}</a></li>
									@endforeach
								@else
									<div class="list-item">Geen resultaten!</div>
								@endif
							</ul>
						@endif
					</div>
				
			</div>
		</div>
		
		<div class="col-span-1">
			<div class="card">
				<h3>Nieuwe student toevoegen</h3>
				<livewire:admin.crm.create-student :opleiding="$opleidingsdeelInfo->opleidingsid" :opleidingsdeel="$opleidingsdeelInfo->id" :company_id="$opleidingen->company_id"/>
			</div>
		</div>
	</div>	
	
	

		
		
		
		<div>
			<div class="card">
				<h3>Gekoppelde studenten</h3>
				
				<a href="{{ route('admin.opleidingen.sign', ['opleiding' => $opleidingsdeelInfo->opleidingsid, 'opleidingsdeel' => $opleidingsdeelInfo->id]) }}" title="" class="btn btn-info" data-original-title="Handtekenen" target="_blank" style="float:right; margin-bottom:20px;">Handtekenen	&nbsp;&nbsp;<i class="fa-solid fa-file-signature"></i></a>
				
				@if(can('send_mails'))	
				
					
					<a href="{{ secure_url('admin/opleidingen/download/'.$opleidingsdeelInfo->opleidingsid.'/'.$opleidingsdeelInfo->id) }}" title="" class="btn btn-info" data-original-title="Aanwezigheidslijst" target="_blank" style="float:right; margin-bottom:20px;@if(studentenByOpleidingsdeel($opleidingsdeelInfo->id) == 0) pointer-events: none; cursor: not-allowed; @endif">Download Aanwezigheidslijst &nbsp;&nbsp;<i class="fas fa-download"></i></a>
				
				
				
					@if($opleidingen->company_id != NULL)
					<x-modal>
							 <x-slot name="trigger">
								  <a href="#"  class="btn btn-info" @click="on = true" style="float:right; margin-bottom:20px; @if(studentenByOpleidingsdeel($opleidingsdeelInfo->id) == 0) pointer-events: none; cursor: not-allowed; @endif" >Aanwezigheidslijst mailen&nbsp;&nbsp;<i class="fa-solid fa-envelope" title="Aanwezigheidslijst mailen"></i></a>
							 </x-slot>

							 <x-slot name="title">Aanwezigheidslijst mailen</x-slot>

							 <x-slot name="content">
								  <div class="text-center">
											Ben je zeker dat je de aanwezigheidslijst van {{ $opleidingsdeelInfo->datum }} wil mailen naar de contactpersoon van {{ companyByID($opleidingen->company_id) }}
										</div>
							 </x-slot>

									<x-slot name="footer">
										<button class="btn" @click="on = false">Annuleer</button>
										<a class="btn btn-green" href="{{ route('admin.opleidingen.aanwezigheidslijst', ['id' => $opleidingen->id, 'deelid' => $opleidingsdeelInfo->id]) }}">Verzend e-mail</a>
									</x-slot>
						 </x-modal>
					@endif
				
				@endif
				
				<table>
					<thead>
					<tr>
						<th>Voornaam</th>
						<th>Achternaam</th>
						<th>Aanwezig</th>
						<th width="100">Handtekening</th>
						<th>Actie</th>
					</tr>
					</thead>
					<tbody>
						@foreach($studentopleiding as $studentopleiding)
						<tr>
							<td>{{ $studentopleiding->first_name }}</td>
							<td>{{ $studentopleiding->last_name }}</td>
							<td>
								@if($studentopleiding->aanwezig == 0) 
								<span style="color: darkred;"><i class="fa-regular fa-square"></i></span>
								@elseif($studentopleiding->aanwezig == 1) 
								<span style="color: darkgreen;"><i class="fa-solid fa-square-check"></i></span>
								@endif
							</td>
							<td>
								@if($studentopleiding->handtekening != NULL) 
								<img src="{{ $studentopleiding->handtekening }}" alt="Handtekening" style="height:75px" />
								@endif	
							</td>
							<td>
								@if($studentopleiding->handtekening == NULL) 
								<div>
									<x-modal>
										<x-slot name="trigger">
											<a href="#" @click="on = true">Verwijder</a>
										</x-slot>

										<x-slot name="title">Verwijderen bevestigen</x-slot>

										<x-slot name="content">
											<div class="text-center">
												Ben je zeker dat je student <b>{{ $studentopleiding->first_name }} {{ $studentopleiding->last_name }}</b> wil verwijderen uit dit opleidingsdeel? 
											</div>
										</x-slot>

										<x-slot name="footer">
											<button class="btn" @click="on = false">Annuleer</button>
											<button class="btn btn-red" wire:click="deleteStudentfromEducationpart('{{ $studentopleiding->id }}')">Verwijder student</button>
										</x-slot>
									</x-modal>
								</div>
																@endif	
							
							
							</td>

						</tr>
						 @endforeach
					</tbody>
				</table>

			</div>
		</div>



</div>