@props([
    'items' => [],
    'labelClass' => '',
    'valueClass' => '',
    'wider' => true,
])

@php
    $attributes = $attributes->class([
        'profile-ud-list',
    ])->merge([
        //
    ]);
@endphp

<div {{ $attributes }}>
    @foreach($items as $item)
        @continue(empty($item) || ($item['hide']?? false) || in_array($item['value'], ['€', '%', '0€', '0%']))
        <div @class(['profile-ud-item', 'wider' => $wider])>
            <div @class(['profile-ud', 'wider' => $wider])>
                <span class="profile-ud-label {{ $labelClass }}">{{ $item['name']?? '' }}</span>
                <span class="profile-ud-value {{ $valueClass }}">

                    @if(isset($item['value']))
                        @if(is_array($item['value']))
                            {{ collect($item['value'])->join(', ') }}
                        @elseif(str($item['value'])->endsWith('€') || ($item['append'] ?? '') === '€')
                            @dcf($item['value'])€
                        @elseif(str($item['value'])->endsWith('%') || ($item['append'] ?? '') === '%')
                            @dcf($item['value'])%
                        @else
                            {{ $item['value'] }}
                        @endif
                    @endif

                    @if(isset($item['passes']))
                        <x-ui.nicon 
                            :name="$item['passes']? 'check-circle' : 'cross-circle'" 
                            @class(['text-success' => $item['passes'], 'text-danger' => ! $item['passes']])
                        />
                    @endif
                </span>
            </div>
        </div>
    @endforeach
</div>