@props(['name'])

@switch($name)
    @case('home')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1Z"/></svg>
        @break
    @case('cart')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M3 4h2l2.1 9.1a2 2 0 0 0 2 1.5h7.8a2 2 0 0 0 1.9-1.4L21 7H6"/><circle cx="10" cy="19" r="1.4"/><circle cx="18" cy="19" r="1.4"/></svg>
        @break
    @case('product')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z"/><path d="m4.5 7.7 7.5 4.2 7.5-4.2M12 12v9"/></svg>
        @break
    @case('categories')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>
        @break
    @case('stock')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="m4 7 4-3 4 3-4 3-4-3Zm8 0 4-3 4 3-4 3-4-3ZM8 10v5l4 3 4-3v-5"/><path d="M4 7v5l4 3 4-3V7m8 0v5l-4 3-4-3"/></svg>
        @break
    @case('sales')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M6 3h12v18l-3-2-3 2-3-2-3 2Z"/><path d="M9 8h6M9 12h6M9 16h3"/></svg>
        @break
    @case('expense')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M5 6.5h12a2 2 0 0 1 2 2V19H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10v3.5"/><path d="M14 11h7v5h-7a2.5 2.5 0 0 1 0-5Z"/></svg>
        @break
    @case('report')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/></svg>
        @break
    @case('users')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><circle cx="9" cy="8" r="3"/><path d="M3 20v-2a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v2M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 4.9V20"/></svg>
        @break
    @case('settings')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z"/></svg>
        @break
    @case('download')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3v12m0 0 5-5m-5 5-5-5M4 20h16"/></svg>
        @break
    @case('logout')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M10 4H4v16h6M14 8l4 4-4 4M8 12h10"/></svg>
        @break
    @case('adjust')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h10M18 7h2M4 17h2M10 17h10"/><circle cx="16" cy="7" r="2"/><circle cx="8" cy="17" r="2"/></svg>
        @break
    @case('daily')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M8 3v4M16 3v4M3 10h18M8 14h3M8 17h6"/></svg>
        @break
    @case('profit')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M3 17 9 11l4 4 8-9"/><path d="M15 6h6v6"/></svg>
        @break
    @case('monthly')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="4" width="18" height="17" rx="2"/><path d="M8 2v4M16 2v4M3 9h18M7 13h2M11 13h2M15 13h2M7 17h2M11 17h2"/></svg>
        @break
    @case('top')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9Z"/></svg>
        @break
    @case('warning')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 2.5 20h19Z"/><path d="M12 9v5M12 17.5v.1"/></svg>
        @break
    @case('theme')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M20.5 14.2A8.5 8.5 0 0 1 9.8 3.5 8.5 8.5 0 1 0 20.5 14.2Z"/></svg>
        @break
    @case('bell')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9"/><path d="M10 21h4"/></svg>
        @break
    @case('x')
        <svg {{ $attributes->merge(['class' => 'app-icon']) }} viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6 6 18"/></svg>
        @break
@endswitch