@section('title', 'Bewerk opleidingstype')

<div>
    <div class="mb-5">
        <a href="{{ route('admin.opleidingstypes.index') }}">Opleidingstypes</a>
        <span class="dark:text-gray-200">- Bewerken</span>
    </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.live="name" 
                    label="Naam" 
                    name="name" 
                    required
                />

                <x-form.select 
                    wire:model.live="diploma" 
                    label="Standaarddiploma" 
                    name="diploma" 
                    required
                >
                    @foreach($diplomas as $diplom)
                        <option value="{{ $diplom->id }}">
                            {{ $diplom->name }}
                        </option>
                    @endforeach
                </x-form.select>

                @if(env('module_offertes') === 'installed')
                    <x-form.ckeditor 
                        wire:model.live="offertetekst" 
                        label="Standaard tekst voor offerte" 
                        name="offertetekst" 
                        id="offertetekst"
                    >
                        {!! $offertetekst !!}
                    </x-form.ckeditor>

                    <div class="grid grid-cols-1 lg:grid-cols-4 gap-4 mt-4">
                        <div class="col-span-2">
                            <x-form.input 
                                wire:model.live="prijs" 
                                label="Eenheidsprijs excl btw" 
                                name="prijs"
                            >
                                {{ $prijs }}
                            </x-form.input>
                        </div>
                        <div class="col-span-2">
                            <x-form.select 
                                wire:model.live="btw_type" 
                                label="Btw-type"
                            >
                                <option value="21">21%</option>
                                <option value="0">0%</option>
                            </x-form.select>
                        </div>    
                    </div>
                @endif

                <x-form.submit>
                    Bewerk opleidingstype
                </x-form.submit>
            </div>
        </div>

    </x-form>
</div>