<div>
    <!-- Profile Types dropdown -->
    <div class="mb-6">
        @if (!$hideLabel)
            <label class="rounder-md block text-sm font-medium text-theme-primary">{{ __('Profile Types') }}</label>
        @endif
        <select class="shadow-outline w-80 rounded border border-theme-muted bg-white p-2 px-4 py-2 pr-8 leading-tight placeholder-gray-300 shadow-md hover:border-theme-muted focus:appearance-none focus:outline-none"
                wire:change="profileTypesSelected" wire:key="profile-types-dropdown" wire:model.live="selectedTypes" multiple>
            @foreach ($profileTypes as $key => $label)
                <option value="{{ $key }}">{{ $label }}</option>
            @endforeach
        </select>
        <p class="mt-1 text-xs text-gray-500">{{ __('Hold Ctrl/Cmd to select multiple types') }}</p>
    </div>
</div>