@inject('carbon', 'Carbon\Carbon')
@section('title', 'Opleidingen')
<div>
    <div class="flex justify-between">

        <h1>Opleidingen</h1>

        <div>
            <livewire:admin.opleidingen.create-opleiding/>
        </div>

    </div>

	<div>
    	@include('errors.messages')
	</div>

    <div class="grid sm:grid-cols-1 md:grid-cols-4 gap-4">

        <div class="col-span-2">
            <x-form.input type="search" id="opleidingen" name="query" wire:model="query" label="none" placeholder="Zoek opleidingen">
                {{ old('query', request('query')) }}
            </x-form.input>
        </div>

    </div>

    <table>
        <thead>
        <tr>
			<th>
                <a href="#" wire:click.prevent="sortBy('datum')">Datum</a>
				
            </th>
            <th>Opleiding</th>
			<th>Bedrijf</th>
			<th># lesuren</th>
			<th># studenten</th>
            <th>
                Actie
            </th>
        </tr>
        </thead>
        <tbody>
        @foreach($this->opleidingen() as $opleiding)
            <tr>
                <td>
					{{ $carbon::parse($opleiding->datum)->format('d-m-Y') }}
					@if($opleiding->einddatum != NULL)
					- {{ $carbon::parse($opleiding->einddatum)->format('d-m-Y') }}
					@endif
				</td>
				<td>
					{{ opleidingsnaamByIDwHerkenning($opleiding->id) }} 
					
				</td>
				<td>{{ companyByID($opleiding->company_id) }}</td>
				<td>{{ $opleiding->lesuren }}</td>
				<td>{{ studentenByOpleiding($opleiding->id) }}  </td>
                <td>
                    <div class="flex space-x-2">
						
						
						<a href="{{ route('admin.opleidingen.view', ['opleiding' => $opleiding->id]) }}">Bekijk</a>
						
						@if(can('view_opleidingsinstellingen'))
                        <a href="{{ route('admin.opleidingen.editopleiding', ['opleiding' => $opleiding->id]) }}">Bewerk</a>

                        
						@if(studentenByOpleiding($opleiding->id) == 0)

                            <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 opleiding <b>
										@if($opleiding->opleidingsid != 0) 
										{{ opleidingstypeByID($opleiding->opleidingsid) }}
										@else
										{{ $opleiding->altname }}
										@endif 
										op {{ $opleiding->datum }}</b> wil verwijderen? 
                                    </div>
                                </x-slot>

                                <x-slot name="footer">
                                    <button class="btn" @click="on = false">Annuleer</button>
                                    <button class="btn btn-red" wire:click="deleteOpleiding('{{ $opleiding->id }}')">Verwijder opleiding</button>
                                </x-slot>
                            </x-modal>
                        @endif
						@endif
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

    {{ $this->opleidingen()->links() }}

</div>