@props([
    'title' => '',
    'label' => '',
    'desc' => '',
    'url' => '',
    'icon' => '',
    'svg' => '',
    'click' => '',
    'progress' => 0,
    'items' => [],
])

<div {{ $attributes }} class="nk-iv-scheme-item br-1 card-hover" @if($click) wire:click="{{ $click }}" @endif @if($url) onclick="location.href='{{ $url }}'" @endif>
   
    @if($svg)
        <div class="nk-iv-scheme-icon is-running bg-white">
            @svg($svg)
        </div>
    @elseif($icon)
        <div class="nk-iv-scheme-icon is-running">
            <em class="icon ni ni-{{ $icon }}"></em>
        </div>
    @endif
  
    {{-- <div class="nk-iv-scheme-info">
        <div class="nk-iv-scheme-name">{{ $title }}</div>
        <div class="nk-iv-scheme-desc">{{ $label }} @if($desc) - <span class="amount">{{ $desc }}</span>@endif</div>
    </div> --}}
    @foreach ($items as $key => $item)
        @if (data_get($item, 'type') === 'term')
            <div class="nk-iv-scheme-term">
                @foreach ($value as $termValues)
                    <div class="nk-iv-scheme-start nk-iv-scheme-order">
                        <span class="nk-iv-scheme-label text-soft">{{ head($item['terms'])['title'] }}</span>
                        <span class="nk-iv-scheme-value">{{ head($item['terms'])['value'] }}</span>
                    </div>
                    <div class="nk-iv-scheme-end nk-iv-scheme-order">
                        <span class="nk-iv-scheme-label text-soft">{{ last($item['terms'])['title'] }}</span>
                        <span class="nk-iv-scheme-value">{{ last($item['terms'])['value'] }}</span>
                    </div>
                @endforeach
            </div>
        @else
            <div class="nk-iv-scheme-amount">
                <div class="nk-iv-scheme-order">
                    <span class="nk-iv-scheme-label text-soft">{{ $item['title'] }}</span>
                    <span class="nk-iv-scheme-value">{{ $item['value'] }}</span>
                </div>
            </div>
        @endif
    @endforeach
    @if($url)
    <div class="nk-iv-scheme-more"><a class="btn btn-icon btn-lg btn-round btn-trans" href="{{ $url }}"><em class="icon ni ni-forward-ios"></em></a></div>
    @endif
    <div class="nk-iv-scheme-progress">
        <div class="progress-bar" data-progress="{{ $progress }}" style="width: {{ $progress }}%;"></div>
    </div>
</div>