<div>
    <form wire:submit="change">
        <div class="col-span-full">
            <label for="customer_id" class="block text-sm/6 font-medium text-gray-900 dark:text-white">{{ __('Customer') }}</label>
            <div class="mt-2 grid grid-cols-1">
                <select id="customer_id" name="customer_id" class="col-start-1 row-start-1 w-full appearance-none rounded-md bg-white py-1.5 pr-8 pl-3 text-base text-gray-900 dark:text-white dark:bg-gray-900 dark:outline-gray-600 outline-1 -outline-offset-1 outline-gray-300 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6" wire:model.live="customer_id">
                    <option class="dark:text-white">Select the new customer</option>
                        @if($users)
                            @foreach ($users as $user)
                                <option value="{{ $user->id }}" wire:key="{{ $user->id }}">
                                    {{ $user->name }}
                                </option>
                            @endforeach
                        @endif
                </select>
                @error('customer_id') <em class="text-black dark:text-white">{{ $message }}</em>@enderror
            </div>
        </div>
        <flux:button class="!bg-indigo-700 hover:!bg-indigo-500 !text-white mt-3" type="submit">{{ __("Update") }}</flux:button>
    </form>
</div>
