@props(['application'])

@php
    $accessType = $application->access_type;
    $tooltip = $application->accessTooltip();

    $variant = match ($accessType) {
        \App\Models\App::ACCESS_CLOSED => 'closed',
        \App\Models\App::ACCESS_MOBILE => 'mobile',
        \App\Models\App::ACCESS_WEB_MOBILE => 'web-mobile',
        default => 'web',
    };
@endphp

<span
    {{ $attributes->merge([
        'class' => 'platform-access-badge platform-access-badge--'.$variant,
        'role' => 'img',
        'aria-label' => $tooltip,
        'title' => $tooltip,
    ]) }}
>
    @if ($accessType === \App\Models\App::ACCESS_CLOSED)
        <x-platform.lucide-icon name="shield-check" class="h-6 w-6 shrink-0" width="24" height="24" />
    @elseif ($accessType === \App\Models\App::ACCESS_MOBILE)
        <x-platform.lucide-icon name="smartphone" class="h-6 w-6 shrink-0" width="24" height="24" />
    @elseif ($accessType === \App\Models\App::ACCESS_WEB_MOBILE)
        <x-platform.lucide-icon name="monitor-smartphone" class="h-6 w-6 shrink-0" width="24" height="24" />
    @else
        <x-platform.lucide-icon name="monitor" class="h-6 w-6 shrink-0" width="24" height="24" />
    @endif
</span>