@extends('Frontend.layout.main')



@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection


@section('content')
<section class="" data-aos="fade-up">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h1>Search result/s for "{{$search}}"</h1>
                    <h3 class="mt-4">Products</h3>
                    <ul class="search-listing">

                        @forelse($products as $product)
                        @php
                            $media = url("/storage/products/no-image.png");
                            if($product->image() != null && file_exists(storage_path('app/public/products/'.$product->image()))):
                                $media = url("/storage/products/".$product->image());
                            endif;

                        @endphp
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                    <img src="{{$media}}" class="img-fluid prdct-img-cls"  alt="{{$product->title}}">
                                </div>
                                <div class="col-md-9">
                                    <h3 class="title"><a href="{{url('/product/'.$product->slug)}}">{{$product->title}}</a></h3>
                                    <p class="price mb-0">{{strip_tags($product->description)}}</p>
                                    <p class="mb-0"><a href="{{url('/product/'.$product->slug)}}">Read more...</a></p>

                                </div>
                            </div>
                        </li>
                        @empty
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                </div>
                                <div class="col-md-9">
                                   No Products found ..
                                </div>
                            </div>
                        </li>
                        @endforelse

                       

                    </ul>
                </div>
            </div>


            <div class="row">
                <div class="col-12">
                    <h3 class="mt-4">Brands</h3>
                    <ul class="search-listing">

                     @forelse($search_brands as $brand)
                        @php
                            $media = url("/storage/products/no-image.png");
                            if($brand->image != null && file_exists(storage_path('app/public/brands/'.$brand->image))):
                                $media = url("/storage/brands/".$brand->image);
                            endif;

                        @endphp
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                    <img src="{{$media}}" class="img-fluid prdct-img-cls" alt="{{$brand->title}}">
                                </div>
                                <div class="col-md-9">
                                    <h3 class="title"><a href="{{url('/brands/'.$brand->slug)}}">{{$brand->title}}</a></h3>
                                    <p class="price mb-0">{{strip_tags($brand->description)}}</p>
                                    <p class="mb-0"><a href="{{url('/brands/'.$brand->slug)}}">Read more...</a></p>

                                </div>
                            </div>
                        </li>
                        @empty
                        <li>
                            <div class="row">
                                <div class="col-md-3">
                                </div>
                                <div class="col-md-9">
                                   No Brands found ..
                                </div>
                            </div>
                        </li>
                        @endforelse

                       

                    </ul>
                </div>
            </div>





        </div>

    </section>






@endsection