@props([
    'items' => [],
    'labelClass' => '',
    'valueClass' => '',
    'wider' => true,
    'formatDefaultValue' => true,
    'infoModal' => null,
    'infoTooltip' => null,
])

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

<div {{ $attributes }}>
    @foreach($items as $name => $value)
        @continue(empty($value) || in_array($value, ['€', '%']))
        <div @class(['profile-ud-item', 'wider' => $wider])>
            <div @class(['profile-ud', 'wider' => $wider])>
                <span class="profile-ud-label {{ $labelClass }}">
                    {{ $name }}
                    @if(data_get($infoModal, $name))
                    <div>
                        <button
                            type="button"
                            class="btn btn-white btn-trigger text-primary btn-icon ms-2 btn-sm"
                            x-data="tooltip"
                            title="{{ data_get($infoModal, $name . '.title', __('More info')) }}"
                            x-on:click="$wire.emit(
                                'showModal',
                                '{{ data_get($infoModal, $name . '.modal') }}',
                                '{{ json_encode(data_get($infoModal, $name . '.data')) }}')"
                        >
                            <x-ui.nicon name="plus-sm" />
                        </button>
                    </div>
                    @endif
                    @if($tooltipData = data_get($infoTooltip, $name))
                    <div>
                        <button
                            type="button"
                            class="btn btn-white btn-trigger text-primary btn-icon ms-2 btn-xs"
                            x-data="tooltip"
                            data-html="true" 
                            title="@include('partials.client.income-and-claims-tooltip', compact('tooltipData'))"
                        >
                            <x-ui.nicon name="info-i" />
                        </button>
                    </div>
                    @endif
                </span>
                <span class="profile-ud-value {{ $valueClass }} nowrap">
                    @php
                        $values = is_array($value) ? $value : [$value];
                        $type = data_get($values, 'type');
                    @endphp

                    @if($type === 'select')
                        <x-ui.select
                            :form-group-class="data_get($values, 'class')"
                            :options="data_get($values, 'options', [])" 
                            wire:model="{{ data_get($values, 'model') }}"
                        />
                    @else
                        @foreach($values as $value)
                            @if(! $loop->first)
                                <br/><small>{{ $value }}</small>
                                @continue
                            @endif
                            @if(str($value)->endsWith('€'))
                                @dcf($value)€
                            @elseif(str($value)->endsWith('%'))
                                @dcf($value)%
                            @else
                                {{ $value }}
                            @endif
                        @endforeach

                    @endif
                </span>
            </div>
        </div>
    @endforeach
</div>