@section('title', 'Diplomatypes')
<div>
    <div class="flex justify-between">

        <h1>Diploma's</h1>

        <div>
            <livewire:admin.diplomatypes.create/>
        </div>

    </div>

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

    <table>
        <thead>
        <tr>
            <th>
                <a href="#" wire:click.prevent="sortBy('name')">Naam</a>
            </th>
            <th>
                Actie
            </th>
        </tr>
        </thead>
        <tbody>
        @foreach($this->diplomatypes() as $diplomatype)
            <tr>
                <td>{{ $diplomatype->name }}</td>
                <td>
                    <div class="flex space-x-2">
						<a href="{{ route('admin.opleidingen.diplomatest', ['diploma' => $diplomatype->id]) }}" target="_blank">Bekijk</a> - 
                        <a href="{{ route('admin.diplomatypes.edit', ['diplomatype' => $diplomatype->id]) }}">Bewerk</a>

                        


                            <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 het diplomatype <b>{{ $diplomatype->name }}</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="deleteDiplomatype('{{ $diplomatype->id }}')">Verwijder diplomatype</button>
                                </x-slot>
                            </x-modal>
                        
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

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

</div>