@extends('site.master')
@section('main-content')
    @php
        $currentLanguage = app()->getLocale();
    @endphp
    <section class="af-hdr">
        <div class="header-decoration position-absolute">
            <img src="{{ asset('site/img/shape_nate.svg') }}" alt="">
        </div>
        <div class="container position-relative" style="z-index: 9">
            <div class="row">
                <div class="col-sm-12">
                    <h1 class="text-uppercase text-white fnt-fam-ser fs-2 fwc-700">
                        @if ($currentLanguage == 'en')
                            <span>Available Results for {{ $search }}</span>
                        @elseif($currentLanguage == 'np')
                            <span>{{ $search }} को लागि निम्न परिणाम(हरु) भेटियो</span>
                        @endif
                    </h1>
                </div>
            </div>
        </div>
        <div class="decoration-pattern pattern-one position-absolute">
            <img src="{{ asset('site/img/breadcrumb_shape_pattern_1.svg') }}" alt="">
        </div>
        <div class="decoration-pattern pattern-two position-absolute">
            <img src="{{ asset('site/img/breadcrumb_shape_pattern_2.svg') }}" alt="">
        </div>
    </section>
    <section class="d-main">
        <div class="container">
            <div class="d-flex gap-3 flex-column">
                @foreach ($mergedResults as $result)
                    <div class="search-result-item shadow p-3 d-flex gap-3 position-relative">
                        <div class="se-image rounded-3" style="width: 90px; height: 90px;">
                            @if ($result['image'])
                                <img src="{{ asset($result['image']) }}" alt="{{ $result['title'] }}"
                                    style="object-fit: cover; height: 100%; width: 100%;">
                            @else
                                <img src="{{ asset('site/img/default.png') }}" alt="No Image"
                                    style="object-fit: cover; height: 100%; width: 100%;">
                            @endif
                        </div>
                        <div class="d-flex flex-column">
                            <h3 class="text-capitalize fs-6 text-custom-blue-dark2">{{ $result['title'] }}</h3>
                            <div class="d-flex gap-3 mb-3">
                                <span>{{ ucfirst($result['type']) }}</span>
                                @if ($result['category'])
                                    <span>{{ $result['category'] }}</span>
                                @endif
                            </div>

                            @if ($result['slug'])
                                @if ($result['type'] === 'page')
                                    <a href="{{ url('pagedetail/' . $result['slug']) }}">@lang('language.learnmore')</a>
                                @elseif($result['type'] === 'post')
                                    @if ($result['category'])
                                        <a
                                            href="{{ url('detail/' . $result['categoryslug'] . '/' . $result['slug']) }}">@lang('language.learnmore')</a>
                                    @else
                                        <a href="{{ url('detail/' . $result['slug']) }}">@lang('language.learnmore')</a>
                                    @endif
                                @elseif($result['type'] === 'product')
                                    <a href="{{ url('products/' . $result['slug']) }}">@lang('language.learnmore')</a>
                                @endif
                            @endif
                        </div>


                    </div>
                @endforeach
            </div>

        </div>



    </section>
@endsection