@props([
    'supplier' => null,
    'action',
    'method' => 'POST',
])

<form method="POST" action="{{ $action }}" class="space-y-6">
    @csrf
    @if($method !== 'POST')
        @method($method)
    @endif

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="md:col-span-2">
            <x-form.label for="name" value="Nome do fornecedor" />
            <x-form.input id="name" name="name" value="{{ old('name', $supplier?->name) }}" required />
            <x-form.error name="name" />
        </div>

        <div>
            <x-form.label for="document" value="Documento (opcional)" />
            <x-form.input id="document" name="document" value="{{ old('document', $supplier?->document) }}" />
            <x-form.error name="document" />
        </div>

        <div>
            <x-form.label for="contact_name" value="Nome do contato" />
            <x-form.input id="contact_name" name="contact_name" value="{{ old('contact_name', $supplier?->contact_name) }}" />
            <x-form.error name="contact_name" />
        </div>

        <div>
            <x-form.label for="contact_phone" value="Telefone" />
            <x-form.input id="contact_phone" name="contact_phone" value="{{ old('contact_phone', $supplier?->contact_phone) }}" />
            <x-form.error name="contact_phone" />
        </div>

        <div>
            <x-form.label for="contact_email" value="E-mail" />
            <x-form.input id="contact_email" name="contact_email" type="email" value="{{ old('contact_email', $supplier?->contact_email) }}" />
            <x-form.error name="contact_email" />
        </div>

        <div class="md:col-span-2">
            <x-form.label for="notes" value="Observações" />
            <x-form.textarea id="notes" name="notes" rows="4" :value="old('notes', $supplier?->notes)" />
            <x-form.error name="notes" />
        </div>
    </div>

    <div class="flex justify-end gap-3">
        <a href="{{ route('operations.suppliers.index') }}" class="text-gray-600 hover:text-gray-900">
            Cancelar
        </a>
        <x-ui.button type="submit">
            {{ $supplier ? 'Atualizar' : 'Salvar' }}
        </x-ui.button>
    </div>
</form>