@props([
    'sector' => null,
    'companyUsers' => collect(),
    'action',
    'method' => 'POST',
    'cancelUrl' => null,
])

@php
    $cancelHref = $cancelUrl ?? route('inventory.sectors.index');
@endphp

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

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

    <div>
        <x-form.select
            name="leader_user_id"
            label="Líder do setor (aprova chamados Uber corporativos)"
            :value="old('leader_user_id', $sector?->leader_user_id)"
            placeholder="Nenhum (use gestão com permissão de inventário para aprovar)"
        >
            @foreach($companyUsers as $u)
                <option value="{{ $u->id }}">{{ $u->name }}</option>
            @endforeach
        </x-form.select>
    </div>

    <div class="flex justify-end gap-3">
        <a href="{{ $cancelHref }}" class="text-gray-600 hover:text-gray-900">
            Cancelar
        </a>

        <x-ui.button type="submit">
            {{ $sector ? 'Atualizar' : 'Salvar' }}
        </x-ui.button>
    </div>
</form>