@props([
'options' => [],
'name',
'id' => null,
'class',
'label',
'clearable'=> false,
'title' => null,
'optionAttr' => '',
'all',
'propertyAsValue' => 'id' //property of the object to pick as value
])


@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{asset('css/select.css')}}"/>
    @endpush
@endonce

@php
    $selected = request($name);
@endphp

<select blade="{{ $viewName ?? 'unknown' }}"
        class="selectpicker filter" {{ $attributes->merge(['class' => 'form-select select']) }} name="{{ $name }}"
        {{$attributes}}
        @if($id) id="{{$id}}" @endif
        @if($title) title="{{$title}}" @endif
>

    @if(isset($all))
        <option value="">{{\App\SupportClasses\StringHandler::upperGreek($all) ?? 'ΟΛΑ'}}</option>
    @endif

    @foreach ($options as $option)
        <option
            @if($optionAttr)  data-{{$optionAttr}}="{{$option[$optionAttr] ?? ""}}" @endif
            value="{{ $option[$propertyAsValue] }}"
            {{ $option[$propertyAsValue] == $selected ? 'selected' : '' }}>

            {{ \App\SupportClasses\StringHandler::upperGreek($option['ui_name'] ?? $option['view_name']) }}
        </option>
    @endforeach


</select>