@props(['application'])

@php
    $categoryMap = [
        'likaone_erp' => 'erp',
        'likaone' => 'erp',
        'firsat_haritasi' => 'map',
        'firsatyakinda' => 'map',
        'sehir_hafizasi' => 'map',
        'sehirhafiza' => 'map',
        'sehir_atlasi' => 'map',
        'sehiratlasi' => 'map',
        'rafgezgini' => 'map',
        'ekulliye' => 'management',
        'shareup' => 'management',
    ];
    $mappedCategory = $categoryMap[$application->code] ?? 'management';
    $searchText = trim(($application->display_name ?? '').' '.($application->display_description ?? ''));
@endphp

{{--
  Use class binding instead of x-show so cards stay visible if Alpine
  fails to boot or evaluate. Empty query always matches (see applicationsSearch).
--}}
<article
    class="platform-card platform-card--interactive group flex h-full flex-col p-5"
    data-category="{{ $mappedCategory }}"
    data-search="{{ $searchText }}"
    :class="matches(@js($mappedCategory), @js($searchText)) ? '' : 'hidden'"
>
    <div class="mb-4 flex items-start justify-between gap-3">
        <x-platform.app-icon :icon="$application->icon" :color="$application->color" size="lg" />
        <x-platform.application-access-badge :application="$application" class="mt-0.5" />
    </div>

    <h3 class="text-base font-semibold">{{ $application->display_name }}</h3>
    <p class="platform-text-muted mt-2 flex-1 text-sm leading-6">{{ $application->display_description }}</p>

    <x-platform.application-access-action :application="$application" />
</article>