<x-step-by-step.set-of-steps id="fluxoFase{{ $model->id }}" type="circles" orientation="vertical" containerType="individual">

    @foreach($model->processoFaseDepartamentos as $departamento)
        @php
            $situacao = App\Structural\Enums\Compra\ProcessoFaseDepartamentoSituacao::tryFrom($departamento->situacao);
        @endphp
        <x-step-by-step.step
            :id="'departamento-' . $departamento->id"
            :title="$departamento->departamento->nome"
            :status="$situacao->label()"
            :indicator="round($departamento->percentual) . '%'"
            :color="$situacao->colorStatus()"
            :interaction="$departamento->interaction"
            containerType="individual"
            >
        </x-step-by-step.step>

    @endforeach

</x-step-by-step.set-of-steps>