@props([
    'title' => '',
    'selectFirst' => false,
    'list' => [],
    'status' => null,
    'filterType' => null,
    'triggerSubmit' => false
])

<div class="custom-selector {{$triggerSubmit ? 'onchange-submit' : ''}} {{$filterType}}" data-bs-toggle="dropdown" data-list='{{ json_encode($list) }}'>

    <div class="label">
        <i class="fa fa-plus-circle" aria-hidden="true"></i>
        <span>{{ $title }}</span>
    </div>

    <div class="separator {{$status || $selectFirst ? '' : 'hide'}}"></div>

    <div class="value {{ $selectFirst ? '' : 'hide' }}">
        {{ $status ?? reset($list)}}
    </div>

    <div class="dropdown-menu">
        <h6 class="dropdown-header">Filtrar</h6>
        @foreach ($list as $key => $value)
            <span class="dropdown-item" data-value={{ $key }}>{{ $value }}</span>
        @endforeach
    </div>

</div>