@section('title', 'Bedrijfsgegevens')
<div>

    <div class="card">

        

        <x-form wire:submit.prevent="update">

            <div class="grid grid-cols-1 md:grid-cols-1 gap-4">
				
				<h3>Bedrijfsgegevens</h3>
                
                <div class="grid grid-cols-2 md:grid-cols-2 gap-4 relative border rounded-tl-md rounded-tr-md p-4 border-gray-200">
                    <x-form.input wire:model="company_name" name="company_name" label="Bedrijfsnaam" />
                    <x-form.input wire:model="company_vat" name="company_vat" label="BTW-nummer" />
					@if(env('module_offertes') == 'installed')
                    <x-form.input wire:model="company_bank" name="company_bank" label="Bankrekeningnummer" />
                    <x-form.input wire:model="company_bic" name="company_bic" label="BIC-code bank" />
					@endif
                </div>
				@if(env('module_offertes') == 'installed')
                <div class="grid grid-cols-2 md:grid-cols-2 gap-4 relative border rounded-tl-md rounded-tr-md p-4 border-gray-200">
                    <x-form.input wire:model="company_rep" name="company_rep" label="Vertegenwoordiger op offerte" />
                    <div>
                        <label class="block mb-2 font-bold text-sm text-gray-600 dark:text-gray-200">Ingestelde handtekening</label>
                        @if($company_signature)
                        <img src="{{ $company_signature }}" alt="Handtekening" style="height:75px" />
                        @else
                        Geen handtekening ingesteld <br><br>
                        @endif
                        <a href="{{ route('admin.settings.signature') }}">Handtekening aanpassen</a>
                    </div>
                </div>
				@endif
				
				<h3>Adresgegevens</h3>
                <div class="grid grid-cols-2 md:grid-cols-2 gap-4 relative border rounded-tl-md rounded-tr-md p-4 flex border-gray-200">
                    <x-form.input wire:model="company_address" name="company_address" label="Straat en nummer" />                
                    <x-form.input wire:model="company_city" name="company_city" label="Postcode en gemeente" />
                    <x-form.input wire:model="company_country" name="company_country" label="Land" />
                </div>
				
				<h3>Contactgegevens</h3>
                <div class="grid grid-cols-2 md:grid-cols-2 gap-4 relative border rounded-tl-md rounded-tr-md p-4 flex border-gray-200">
                    <x-form.input wire:model="company_mail" name="company_mail" label="E-mailadres" />
                    <x-form.input wire:model="company_phone" name="company_phone" label="Telefoonnummer" />            
                    <x-form.input wire:model="company_website" name="company_website" label="Website" />
					<x-form.input wire:model="company_linkedin" name="company_linkedin" label="Linkedin" />
                </div>
                

            </div>

            <x-button>Bewerk bedrijfsgegevens</x-button>

        </x-form>

        @include('errors.messages')

    </div>
</div>