@extends('web_site.layouts.master')

@php
    $groups = [
        'doctors' => ['fa-user-md', trans('site.search.doctors')],
        'specialties' => ['fa-stethoscope', trans('site.search.specialties')],
        'services' => ['fa-briefcase-medical', trans('site.search.services')],
        'offers' => ['fa-tags', trans('site.search.offers')],
        'blogs' => ['fa-newspaper', trans('site.search.blogs')],
    ];
@endphp

@section('content')

    <section class="breadcumb-wrapper" data-bg-src="{{ asset('assets_web/img/breadcurmb1.webp') }}">
        <div class="container">
            <h1 class="breadcumb-title">{{ trans('site.search.title') }}</h1>
        </div>
    </section>

    <section class="site-search space-top space-md-bottom">
        <div class="container">
            <form action="{{ route('search') }}" method="GET" class="site-search-form mb-4" role="search">
                <input type="search" name="q" value="{{ $query }}" class="form-control" placeholder="{{ trans('site.search_placeholder') }}" aria-label="{{ trans('site.search.title') }}" autofocus>
                <button type="submit" class="vs-btn"><i class="far fa-search"></i> {{ trans('site.search.button') }}</button>
            </form>

            @if ($query === '')
                <p class="text-center text-muted">{{ trans('site.search.hint') }}</p>
            @elseif ($tooShort)
                <p class="text-center text-muted">{{ trans('site.search.too_short', ['count' => \App\Services\Site\SiteSearchService::MIN_LENGTH]) }}</p>
            @elseif ($total === 0)
                <div class="text-center py-5">
                    <i class="fal fa-search fa-3x text-theme mb-3"></i>
                    <h3 class="h5">{{ trans('site.search.no_results', ['q' => $query]) }}</h3>
                    <p class="text-muted">{{ trans('site.search.no_results_hint') }}</p>
                    <a href="{{ route('clinic.search') }}" class="vs-btn style3">{{ trans('site.search.browse_doctors') }}</a>
                </div>
            @else
                <p class="mb-3">{!! trans('site.search.summary', ['count' => $total, 'q' => '<strong>' . e($query) . '</strong>']) !!}</p>
                <div class="site-search-chips mb-5">
                    @foreach ($groups as $key => [$icon, $label])
                        @if ($results[$key]->isNotEmpty())
                            <a href="#results-{{ $key }}" class="site-search-chip"><i class="far {{ $icon }}"></i> {{ $label }} <span>{{ $results[$key]->count() }}</span></a>
                        @endif
                    @endforeach
                </div>

                @if ($results['doctors']->isNotEmpty())
                    <div id="results-doctors" class="site-search-group">
                        <h2 class="h4 mb-4"><i class="far fa-user-md text-theme"></i> {{ $groups['doctors'][1] }}</h2>
                        <div class="row">
                            @foreach ($results['doctors'] as $doctor)
                                <div class="col-md-6 col-lg-3 mb-4">@include('web_site.partials.doctor-card', ['doctor' => $doctor])</div>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($results['specialties']->isNotEmpty())
                    <div id="results-specialties" class="site-search-group">
                        <h2 class="h4 mb-4"><i class="far fa-stethoscope text-theme"></i> {{ $groups['specialties'][1] }}</h2>
                        <div class="row">
                            @foreach ($results['specialties'] as $specialty)
                                <div class="col-md-6 col-lg-4 mb-4">
                                    <a href="{{ route('clinic.search', ['specialty_id' => $specialty->id]) }}" class="site-search-item">
                                        @if ($specialty->iconUrl())
                                            <img src="{{ $specialty->iconUrl() }}" alt="" loading="lazy">
                                        @endif
                                        <span>
                                            <strong>{{ $specialty->name }}</strong>
                                            <small>{{ trans('site.search.doctors_count', ['count' => $specialty->doctors_count]) }}</small>
                                        </span>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($results['services']->isNotEmpty())
                    <div id="results-services" class="site-search-group">
                        <h2 class="h4 mb-4"><i class="far fa-briefcase-medical text-theme"></i> {{ $groups['services'][1] }}</h2>
                        <div class="row">
                            @foreach ($results['services'] as $service)
                                <div class="col-md-6 col-lg-4 mb-4">
                                    <a href="{{ route('service-details', $service) }}" class="site-search-item">
                                        <img src="{{ $service->image_path }}" alt="" loading="lazy">
                                        <span>
                                            <strong>{{ $service->title }}</strong>
                                            <small>{{ \Illuminate\Support\Str::limit(strip_tags((string) $service->description), 90) }}</small>
                                        </span>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($results['offers']->isNotEmpty())
                    <div id="results-offers" class="site-search-group offers-section">
                        <h2 class="h4 mb-4"><i class="far fa-tags text-theme"></i> {{ $groups['offers'][1] }}</h2>
                        <div class="row gy-4">
                            @foreach ($results['offers'] as $offer)
                                <div class="col-lg-4 col-md-6">@include('web_site.partials.offer-card', ['offer' => $offer, 'index' => $loop->index])</div>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($results['blogs']->isNotEmpty())
                    <div id="results-blogs" class="site-search-group">
                        <h2 class="h4 mb-4"><i class="far fa-newspaper text-theme"></i> {{ $groups['blogs'][1] }}</h2>
                        <div class="row">
                            @foreach ($results['blogs'] as $blog)
                                <div class="col-md-6 col-lg-4 mb-4">@include('web_site.partials.blog-card', ['blog' => $blog])</div>
                            @endforeach
                        </div>
                    </div>
                @endif
            @endif
        </div>
    </section>

@endsection