@php
    $company = $company ?? null;
@endphp

<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
    <div>
        <x-input-label for="name" :value="__('Company Name')" />
        <x-text-input id="name" name="name" type="text" class="mt-1 block w-full" :value="old('name', $company->name ?? '')" required autofocus maxlength="50" />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="owner" :value="__('Owner')" />
        <x-text-input id="owner" name="owner" type="text" class="mt-1 block w-full" :value="old('owner', $company->owner ?? '')" required maxlength="50" />
        <x-input-error :messages="$errors->get('owner')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="email" :value="__('Email')" />
        <x-text-input id="email" name="email" type="email" class="mt-1 block w-full" :value="old('email', $company->email ?? '')" required maxlength="50" />
        <x-input-error :messages="$errors->get('email')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="website" :value="__('Website')" />
        <x-text-input id="website" name="website" type="text" class="mt-1 block w-full" :value="old('website', $company->website ?? '')" maxlength="40" />
        <x-input-error :messages="$errors->get('website')" class="mt-2" />
    </div>

    <div>
        <x-input-label for="phone" :value="__('Phone')" />
        <x-text-input id="phone" name="phone" type="text" class="mt-1 block w-full" :value="old('phone', $company->phone ?? '')" maxlength="15" />
        <x-input-error :messages="$errors->get('phone')" class="mt-2" />
    </div>
</div>

<div class="border-t border-gray-200 pt-6">
    <h3 class="text-sm font-semibold text-gray-700 mb-4">{{ __('Contact person') }}</h3>

    <div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
        <div>
            <x-input-label for="contact" :value="__('Name')" />
            <x-text-input id="contact" name="contact" type="text" class="mt-1 block w-full" :value="old('contact', $company->contact ?? '')" maxlength="50" />
            <x-input-error :messages="$errors->get('contact')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="contact_email" :value="__('Email')" />
            <x-text-input id="contact_email" name="contact_email" type="email" class="mt-1 block w-full" :value="old('contact_email', $company->contact_email ?? '')" maxlength="50" />
            <x-input-error :messages="$errors->get('contact_email')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="contact_phone" :value="__('Phone')" />
            <x-text-input id="contact_phone" name="contact_phone" type="text" class="mt-1 block w-full" :value="old('contact_phone', $company->contact_phone ?? '')" maxlength="50" />
            <x-input-error :messages="$errors->get('contact_phone')" class="mt-2" />
        </div>
    </div>
</div>

<div class="border-t border-gray-200 pt-6">
    @if ($company?->logoUrl())
        <x-input-label :value="__('Current logo')" />
        <img src="{{ $company->logoUrl() }}" alt="{{ $company->name }}" class="mt-2 mb-4 h-16 w-16 object-contain rounded-md border bg-white">
        <x-input-label for="logo" :value="__('Replace logo')" />
    @else
        <x-input-label for="logo" :value="__('Logo')" />
    @endif

    <input id="logo" name="logo" type="file" accept="image/*" {{ $company ? '' : 'required' }} class="mt-1 block w-full text-sm text-gray-700 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-xs file:font-semibold file:uppercase file:tracking-widest file:bg-gray-800 file:text-white hover:file:bg-gray-700">
    <p class="mt-1 text-xs text-gray-500">{{ __('Shown at the top left of the site.') }} @if ($company) {{ __('Leave empty to keep the current logo.') }} @endif</p>
    <x-input-error :messages="$errors->get('logo')" class="mt-2" />
</div>

<div class="border-t border-gray-200 pt-6">
    <h3 class="text-sm font-semibold text-gray-700 mb-4">{{ __('Billing') }}</h3>

    <div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
        <div>
            <x-input-label for="tax" :value="__('Tax (%)')" />
            <x-text-input id="tax" name="tax" type="number" step="0.01" min="0" max="99.99" class="mt-1 block w-full" :value="old('tax', $company->tax ?? '0.00')" required />
            <x-input-error :messages="$errors->get('tax')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="balance" :value="__('Balance')" />
            <x-text-input id="balance" name="balance" type="number" step="0.01" min="0" class="mt-1 block w-full" :value="old('balance', $company->balance ?? '0.00')" />
            <x-input-error :messages="$errors->get('balance')" class="mt-2" />
        </div>

        <div>
            <x-input-label for="accounting_method" :value="__('Accounting Method')" />
            @php $accountingMethod = old('accounting_method', $company->accounting_method ?? 'cash'); @endphp
            <select id="accounting_method" name="accounting_method" required class="mt-1 block w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm">
                <option value="cash" @selected($accountingMethod === 'cash')>{{ __('Cash') }}</option>
                <option value="accrual" @selected($accountingMethod === 'accrual')>{{ __('Accrual') }}</option>
            </select>
            <x-input-error :messages="$errors->get('accounting_method')" class="mt-2" />
        </div>
    </div>
</div>