@props([
    'label' => null,
    'help' => null,
    'error' => null,
    'size' => 'md',
    'floating' => true,
    'id' => null,
    'name' => null,
    'required' => false,
    'disabled' => false,
])

@php
    $selectClass = collect([
        'select',
        "select-{$size}",
        $floating ? 'block w-full pr-10 sm:pr-11 ui-select-floating' : 'block w-full pr-10 sm:pr-11',
        $error ? 'input-error' : null,
        $disabled ? 'input-disabled' : null,
    ])->filter()->implode(' ');
@endphp

@if ($floating)
    <div {{ $attributes->except(['class'])->class(['form-group', 'ui-floating-field', 'ui-select-floating-field', $error ? 'ui-floating-error' : null]) }}>
        <div class="relative w-full">
            <select
                {{ $attributes->merge([
                    'id' => $id,
                    'name' => $name,
                    'class' => $selectClass,
                ]) }}
                @disabled($disabled)
                @required($required)
            >
                {{ $slot }}
            </select>

            <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 sm:pr-3 c-subtle" aria-hidden="true">
                <svg viewBox="0 0 20 20" fill="none" class="h-4 w-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M5 7l5 5 5-5"></path>
                </svg>
            </span>
        </div>

        @if ($label)
            <label class="ui-floating-label @if($required) label-required @endif" @if($id) for="{{ $id }}" @endif>
                {{ $label }}
            </label>
        @endif

        @if ($error)
            <span class="error-text ui-field-note">{{ $error }}</span>
        @elseif ($help)
            <span class="help-text ui-field-note">{{ $help }}</span>
        @endif
    </div>
@elseif ($label || $help || $error)
    <div {{ $attributes->except(['class'])->class('form-group w-full') }}>
        @if ($label)
            <label class="label @if($required) label-required @endif" @if($id) for="{{ $id }}" @endif>{{ $label }}</label>
        @endif

        <div class="relative w-full">
            <select
                {{ $attributes->merge([
                    'id' => $id,
                    'name' => $name,
                    'class' => $selectClass,
                ]) }}
                @disabled($disabled)
                @required($required)
            >
                {{ $slot }}
            </select>

            <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 sm:pr-3 c-subtle" aria-hidden="true">
                <svg viewBox="0 0 20 20" fill="none" class="h-4 w-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M5 7l5 5 5-5"></path>
                </svg>
            </span>
        </div>

        @if ($error)
            <span class="error-text">{{ $error }}</span>
        @elseif ($help)
            <span class="help-text">{{ $help }}</span>
        @endif
    </div>
@else
    <div class="relative w-full">
        <select
            {{ $attributes->merge([
                'id' => $id,
                'name' => $name,
                'class' => $selectClass,
            ]) }}
            @disabled($disabled)
            @required($required)
        >
            {{ $slot }}
        </select>

        <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 sm:pr-3 c-subtle" aria-hidden="true">
            <svg viewBox="0 0 20 20" fill="none" class="h-4 w-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                <path d="M5 7l5 5 5-5"></path>
            </svg>
        </span>
    </div>
@endif