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

        <h1>Offertes</h1>

        <div>
            <livewire:admin.offertes.create-offerte/>
        </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="offertes" name="query" wire:model="query" label="none" placeholder="Zoek offertes">
                {{ old('query', request('query')) }}
            </x-form.input>
        </div>

    </div>

    <table>
        <thead>
        <tr>
			<th>
                <a href="#" wire:click.prevent="sortBy('offertenummer')">Offertenummer</a>
				
            </th>
            <th>
                <a href="#" wire:click.prevent="sortBy('company_id')">Bedrijf</a>
				
            </th>
			<th>Vervaldatum</th>
			<th>Totaalprijs</th>
			<th>Getekend</th>
            <th>
                Actie
            </th>
        </tr>
        </thead>
        <tbody>
        @foreach($this->offertes() as $offerte)
            <tr>
                <td>{{ $offerte->offertenummer }}</td>
				<td>{{ companyByID($offerte->company_id) }}</td>
				<td>@if($offerte->vervaldatum == NULL) Nog niet verzonden @endif
					@if($offerte->vervaldatum != NULL) {{ $offerte->vervaldatum }} @endif</td>
				<td>€ {{ offertePrice($offerte->id) }} (excl: € {{ offertePriceEx($offerte->id) }})</td>
				<td><img src="{{ $offerte->signature }}" width="100px"></td>
                <td>
                    <div class="flex space-x-2">
						
						<a href="{{ route('admin.offertes.viewofferte', ['offerte' => $offerte->id]) }}">Bekijk</a>


                        @if($offerte->signature == NULL)


                            <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 offerte <b>{{ $offerte->offertenummer }}</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="deleteOfferte('{{ $offerte->id }}')">Verwijder offerte</button>
                                </x-slot>
                            </x-modal>
						
						@endif
                        
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>

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

</div>