@php

    $typeCss = 'none';
    $colorCss = 'none';
    if(isset($type)) {
        if ($type == 'secodary') {
            $typeCss = 'var(--background-color)';
        }
        elseif ($type == 'primary') {
            $typeCss = 'var(--primary-color)';
        }
        elseif ($type == 'success') {
            $typeCss = 'var(--success-color)';
        }
        elseif ($type == 'warning') {
            $typeCss  = 'var(--warning-color)';
        }
        elseif ($type == 'danger') {
            $typeCss  = 'var(--danger-color)';
        }
    }

    if(isset($color)) {
        if ($color == 'secodary') {
            $colorCss = 'var(--background-color)';
        }
        elseif ($color == 'primary') {
            $colorCss = 'var(--primary-color)';
        }
        elseif ($color == 'success') {
            $colorCss = 'var(--success-color)';
        }
        elseif ($color == 'warning') {
            $colorCss  = 'var(--warning-color)';
        }
        elseif ($color == 'danger') {
            $colorCss  = 'var(--danger-color)';
        }
    }
@endphp

<div id="{{ $id ?? '' }}"
     class="fastcard {{ $transparent ? 'transparent' : '' }} {{ (isset($small) && $small) ? 'fastcard-sm' : '' }} {{ implode(' ', $classes) }}"
     data-uuid="{{ $uuid }}"
     style="
         {{ $typeCss != 'none' ? ('border-left: 5px solid ' . $typeCss . ';') : '' }}
         {{ $colorCss != 'none' ? ('background: ' . $colorCss . ';') : '' }}
         {{ $colorCss != 'none' && $color != 'secondary' ? 'color: white;' : '' }}
         {{ $extraAttributes['style'] ?? '' }} {{ $style ?? '' }}
     "
     {!! $extraAttributesString !!}>
    @if(isset($label) || (isset($name) && $name != $uuid))
        <div class="fastcard-title {{ $transparent ? 'transparent' : '' }}">
            {!! $label ?? (isset($name) && $name != $uuid ? $name : '') !!}
        @if(isset($tip) && !(isset($small) && $small))
                <div class="tip">{!! $tip !!}</div>
        @endif
        </div>
    @endif
    @if(isset($content))
        <div class="fastcard-content {{ $transparent ? 'transparent' : '' }}">
            {!! $content ?? '' !!}
        </div>
    @endif
    @if(isset($value) && !(isset($small) && $small))
        <div class="fastcard-description {{ $transparent ? 'transparent' : '' }}">
            {!! $value ?? '' !!}
        </div>
    @endif
</div>