@php
    $graphName = (isset($name) && $name != $uuid) ? $name : ($label ?? '');
    $displayName = isset($graphName) && $graphName != '';
    $isSmallGauge = !empty($small) && isset($type) && $type === 'gauge';
@endphp

@if(isset($type))
    @if(!$isSmallGauge && ($graphName != '' || isset($label)))
        <div class="w-100 text-center pl-5 pr-5 kfw-chart-title">{{ $label ?? $graphName }}</div>
    @endif
    <div class="kfw-chart-area w-100 {{ implode(' ', $classes) }}{{ $isSmallGauge ? ' kfw-chart-small' : '' }}"
         id="{{ $id ?? '' }}"
         data-uuid="{{ $uuid }}"
         style="{{ $extraAttributes['style'] ?? '' }} {{ $style ?? '' }}{{ $isSmallGauge ? ' padding:0;margin:0;' : '' }}"
        {!! $extraAttributesString !!}>
        @if(str_contains($type, 'progress') && isset($value))
            @php
                $dim = (float)($dimension ?? 200);
                $p = min(100, max(0, (float)$value));
                $bar = 10;
                $track = 1;
                $r = max(0, ($dim - $bar) / 2);
            @endphp

            <div class="progress-div {{ $type == 'progress_bar' ? 'bar' : 'circle' }}"
                 @if($type == 'progress_circle')
                     style="--kfw-dim: {{ $dim }}px; --kfw-p: {{ $p }}; --kfw-bar: {{ $bar }}px; --kfw-track: {{ $track }}px; --kfw-r: {{ $r }}px;"
                @else
                     style="--kfw-dim: {{ $dim }}px;"
                    @endif>
                @if($type == 'progress_bar')
                    <div class="progress-track">
                        <div class="progress-line"></div>
                        <div class="progress-completion" style="width: {{ $p }}%"></div>
                    </div>
                    <div class="progress-percent">{{ round($p, 1) . '%' }}</div>
                @else
                    <div class="progress-line"></div>
                    <div class="progress-percent">{{ round($p, 1) . '%' }}</div>
                    <div class="progress-completion"></div>
                @endif
            </div>
        @else
            {!! \KFramework\Helpers\ChartHelper::generateChart($type, $schema, $dimension ?? 200, $displayLegend, $horizontalValuesOrientation, $small ?? false) !!}
        @endif
    </div>
@endif