@if(! $readyToLoad)
    <div wire:init="loadData">
        <div wire:loading.class="spinner spinner-track spinner-info" style="position: absolute; right: 50%; top: 50%" role="status">
            <span class="visually-hidden">Chargement...</span>
        </div>
    </div>
@else
<div>
    @if(count($this->users) > 1)
    <div class="mb-2">
            <x-ui.select :placeholder="__('Analyst')" :options="$this->users" 
                wire:model="selectedUserId" :select2search="true" :select2allowclear="true"/>
    </div>
    @endif
    <h6 class="title overline-title-alt">@lang('Step')</h6>
    <ul x-data="{activeTab: 0}">
        @foreach($this->statuses as $i => $status)
        <li 
            :class="activeTab == {{ $i }}? 'active' : ''" 
            x-on:click="
                activeTab = {{ $i }};
                $wire.emitTo('projects.projects-table', 'setProjectStatus', {{ $status->id ?? 'null' }})
            "
        >
            <span class="project-manager-menu-item">
                {{-- <x-ui.nicon name="bullet" /> --}}
                <span class="project-manager-menu-text">{{ $status->name }}</span>
                <span class="badge rounded-pill text-primary">{{ $status->projects_count }}</span>
            </span>
        </li>
        @if($loop->first) <hr/> @endif
        @endforeach
    </ul>
</div>
@endif