@section('title', 'Bewerk diplomatype')
<div>
    <div class="mb-5">
        <a href="{{ route('admin.diplomatypes.index') }}">Diplomatypes</a>
        <span class="dark:text-gray-200">- Bewerken</span>
    </div>
	
    <div>
        @include('errors.messages')
    </div>

    <div class="float-right"><span class="text-red-600">*</span> <span class="dark:text-gray-200"> = verplicht</span></div>

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

    <x-form wire:submit.prevent="update" method="put">
        <div class="row">
            <div class="card md:w-1/2">
                <x-form.input wire:model.lazy="name" label="Herkenningsnaam van diploma" name="name" required />
                <x-form.input wire:model.lazy="titel" label="Titel van diploma" name="titel" required />
                <x-form.textarea wire:model.lazy="inhoud" label="Inhoud van opleiding" name="inhoud" />
                <x-form.textarea wire:model.lazy="footertekst" label="Voettekst van diploma" name="footertekst" required />
				
				<x-form.select wire:model="showcompany" label="Bedrijf weergeven op diploma?" name="showcompany" required>
					<x-form.select-option value="0">Niet weergeven</x-form.select-option>
					<x-form.select-option value="1">Wel weergeven</x-form.select-option>
				</x-form.select>
				
				<x-form.select wire:model="cursus" label="Cursus meesturen met het diploma?" name="cursus">
					<x-form.select-option value="">Geen cursus meesturen</x-form.select-option>
					@foreach($cursussen as $cursusoptie)
						<x-form.select-option value="{{ $cursusoptie->id }}">{{ $cursusoptie->name }}</x-form.select-option>
					@endforeach
				</x-form.select>
				
                
                <label for="handtekening" class="block mb-2 text-sm font-medium leading-5 text-gray-700 dark:text-gray-200">Handtekening</label>
				<div class="flex">
				  <div class="mr-5"><label class="block text-sm font-medium leading-5 text-gray-700 dark:text-gray-200">Huidige handtekening</label>
					@if(empty($currenthandtekening))
					  <span class="text-red-600">Er is nog geen handtekening ingesteld</span>
					@else
					  <img src="{{ $currenthandtekening }}" alt="Handtekening" style="height:125px" />
					@endif  
					  
				  </div>
				  <div class="ml-5"><label class="block text-sm font-medium leading-5 text-gray-700 dark:text-gray-200">Nieuwe handtekening (laat leeg om niet te wijzigen)</label>
					<x-form.signature wire:model="handtekening" label="Handtekening (laat leeg om niet te wijzigen)" name="handtekening" />
					</div>
				</div>
				
            
                <x-form.submit>Bewerk diplomatype</x-form.submit>
            </div>
        </div>
    </x-form>
</div>