@props(['name', 'label', 'options', 'selected' => null, 'required' => false])

<div class="form-group">
    <label class="form-label {{ $required ? 'required' : '' }}">{{ $label }}</label>
    
    <div class="select-relationship">
        <select
            name="{{ $name }}"
            class="select-input"
            {{ $required ? 'required' : '' }}
            {{ $attributes }}
        >
            <option value="">Selecione uma opção</option>
            @foreach($options as $value => $label)
                <option value="{{ $value }}" {{ $selected == $value ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        <i class="fas fa-chevron-down select-arrow"></i>
    </div>
</div>