@inject('carbon', 'Carbon\Carbon')
@section('title', 'Bekijk standaardteksten')
<div>
	<div>
    <div class="mb-5">
        <a href="{{ route('admin.offertes') }}">Offertes</a>
        <span class="dark:text-gray-200">- Standaarddelen</span>
    </div>


    </div>

    <div class="clearfix"></div>
	
	<div>
		@include('errors.messages')
    </div>
   	

	<div class="grid grid-cols-1 lg:grid-cols-4 lg:gap-6">
        <div>
            <div class="card">
				<h3>Standaarddelen</h3>


			</div>

		</div>
		<div class="lg:col-span-3">
			<div class="card">
				<h3>Standaardteksten voor offerte</h3>
				
				
				<div>
					<livewire:admin.offertes.create-standaard-deel  :offerte="0"/>
				</div>
					

				<table>
					<thead>
					<tr>
						<th width="40%">Onderdeel</th>
						<th></th>
					</tr>
					</thead>
					<tbody>
						@foreach($this->standaarddelen() as $standaarddeel)
						<tr>
							<td>{{ $standaarddeel->titel }}</td>
							<td>
								
								
								<a href="{{ route('admin.offertes.editstandaarddeel', ['offertedeel' => $standaarddeel->id]) }}">Bewerk</a> 
								@if($standaarddeel->type == 'text') - 
								
								
								<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 standaarddeel <b>{{ $standaarddeel->titel }}</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="deleteStandaardDeel('{{ $standaarddeel->id }}')">Verwijder standaarddeel</button>
                                </x-slot>
                            </x-modal>
								
								@endif
								
							</td>


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

</div>