{{-- Search in other engines --}}
@php
    $encodedQuery = urlencode(request('q') ?? $searchQuery ?? '');

    $iranianEngines = [
        ['name' => '۲۰۵۹',    'url' => 'https://2059.ir/index.php?type=all&q='.$encodedQuery,                                                             'color' => 'bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-300',     'favicon' => 'https://2059.ir/logo.png'],
        ['name' => 'گردو',    'url' => 'https://gerdoo.me/search/?query='.$encodedQuery.'&t=nd',                                                          'color' => 'bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300',   'favicon' => 'https://gerdoo.me/favicon.ico'],
        ['name' => 'زربین',   'url' => 'https://zarebin.ir/search?q='.$encodedQuery.'&query_source=IranEFE&query_location='.url()->current(),             'color' => 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300','favicon' => 'https://zarebin.ir/assets/images/favicon.ico'],
        ['name' => 'ریسمون', 'url' => 'https://www.rismoon.com/result?keywords='.$encodedQuery,                                                           'color' => 'bg-purple-100 text-purple-800 dark:bg-purple-900/40 dark:text-purple-300','favicon' => 'https://www.rismoon.com/images/favicons/favicon-32x32.png'],
        ['name' => 'شادبین', 'url' => 'https://shaadbin.ir/search?q='.$encodedQuery.'&query_source=IranEFE&query_location='.url()->current(),             'color' => 'bg-orange-100 text-orange-800 dark:bg-orange-900/40 dark:text-orange-300','favicon' => 'https://shaadbin.ir/favicon.ico'],
    ];

    $globalEngines = [
        ['name' => 'Google',    'url' => 'https://www.google.com/search?q='.$encodedQuery,          'color' => 'bg-sky-100 text-sky-800 dark:bg-sky-900/40 dark:text-sky-300',         'favicon' => 'https://www.google.com/favicon.ico'],
        ['name' => 'Bing',      'url' => 'https://www.bing.com/search?q='.$encodedQuery,            'color' => 'bg-teal-100 text-teal-800 dark:bg-teal-900/40 dark:text-teal-300',     'favicon' => 'https://www.bing.com/favicon.ico'],
        ['name' => 'DuckDuckGo','url' => 'https://duckduckgo.com/?q='.$encodedQuery,                'color' => 'bg-rose-100 text-rose-800 dark:bg-rose-900/40 dark:text-rose-300',     'favicon' => 'https://duckduckgo.com/favicon.ico'],
        ['name' => 'Brave',     'url' => 'https://search.brave.com/search?q='.$encodedQuery,        'color' => 'bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300', 'favicon' => 'https://brave.com/static-assets/images/brave-favicon.png'],
        ['name' => 'Startpage', 'url' => 'https://www.startpage.com/search?q='.$encodedQuery,       'color' => 'bg-indigo-100 text-indigo-800 dark:bg-indigo-900/40 dark:text-indigo-300','favicon' => 'https://www.startpage.com/favicon.ico'],
        ['name' => 'Yahoo',     'url' => 'https://search.yahoo.com/search?p='.$encodedQuery,        'color' => 'bg-violet-100 text-violet-800 dark:bg-violet-900/40 dark:text-violet-300','favicon' => 'https://s.yimg.com/rz/p/yahoo_homepage_en-US_s_f_p_bestfit_homepage_2x.png'],
    ];
@endphp

<div class="mt-6 rounded-2xl border border-slate-200 bg-white p-5 dark:border-slate-700 dark:bg-slate-900">

    <div class="flex items-center gap-2 mb-4">
        <svg class="w-4 h-4 text-slate-400 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
            <circle cx="11" cy="11" r="8"/>
            <path d="m21 21-4.35-4.35"/>
        </svg>
        <span class="text-sm font-semibold text-slate-700 dark:text-slate-300">
            {{ __('Search this query in other engines') }}
        </span>
    </div>

    {{-- Iranian engines --}}
    <div class="space-y-2">
        <p class="text-xs font-medium text-slate-400 dark:text-slate-500 uppercase tracking-wide">
            {{ __('Iranian search engines') }}
        </p>
        <div class="flex flex-wrap gap-2">
            @foreach($iranianEngines as $engine)
                <a href="{{ $engine['url'] }}"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-sm font-medium transition hover:opacity-80 hover:shadow-sm {{ $engine['color'] }}"
                >
                    <img src="{{ $engine['favicon'] }}"
                         alt=""
                         class="w-4 h-4 rounded-sm object-contain"
                         loading="lazy"
                         onerror="this.style.display='none'"
                    />
                    <span>{{ $engine['name'] }}</span>
                    <span class="text-xs opacity-50">↗</span>
                </a>
            @endforeach
        </div>
    </div>

    <div class="my-4 border-t border-slate-100 dark:border-slate-800"></div>

    {{-- Global engines --}}
    <div class="space-y-2">
        <p class="text-xs font-medium text-slate-400 dark:text-slate-500 uppercase tracking-wide">
            {{ __('International search engines') }}
        </p>
        <div class="flex flex-wrap gap-2">
            @foreach($globalEngines as $engine)
                <a href="{{ $engine['url'] }}"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="inline-flex items-center gap-2 px-3 py-1.5 rounded-xl text-sm font-medium transition hover:opacity-80 hover:shadow-sm {{ $engine['color'] }}"
                >
                    <img src="{{ $engine['favicon'] }}"
                         alt=""
                         class="w-4 h-4 rounded-sm object-contain"
                         loading="lazy"
                         onerror="this.style.display='none'"
                    />
                    <span>{{ $engine['name'] }}</span>
                    <span class="text-xs opacity-50">↗</span>
                </a>
            @endforeach
        </div>
    </div>
</div>