@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('canonical_tag', $meta_data->canonical_tag)
@section('banner_image', "banners/".$banner->banner_image)
@section('content')
<main>
    <article class="container-fluid innerBanner p-0">
        <figure>
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image}}" alt="{{$meta_data->page_name}}" class="img-fluid">
            <figcaption class="custom__row slider-heading">
                You searched for {{$search_text}}
            </figcaption>
        </figure>
    </article>
    @if(!empty(count($products)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Find product and services details faster with multiple options.</span></h2>
            </header>
        </section>
        <div class="row custom__row">
            @include('product_block')
        </div>
        @if(!isset($search_category_page))
        <section class="row custom__row services mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/products/{{$search_text_og}}" class="load__more mt-3">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($services)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Services <span>({{count($services)}})</span></span></h2>
            </header>
        </section>
        <section class="row custom__row services mb-5">
            @foreach($services as $service_row)
            <div class="col-12 col-md-6 services__block">
                <div class="services__block__inner">
                    <figure>
                        <img src="{{url('/')}}/assets/images/services/{{$service_row->service_thumbnail}}" alt="{{$service_row->service_name}}" class="img-fluid">
                        <figcaption>
                            <h2 class="secondary-heading">{{$service_row->service_name}}</h2>
                            <p class="paragraph">{{$service_row->service_description}}</p>
                            <a href="{{url('/')}}/services/{{$service_row->service_url_slug}}">Discover {{$service_row->service_name}}</a>
                        </figcaption>
                    </figure>
                </div>
            </div>
            @endforeach
        </section>
        @if(!isset($search_category_page))
        <section class="row custom__row services mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/services/{{$search_text_og}}" class="load__more mt-3">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($product_catalogs)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Product Catalogs <span>({{count($product_catalogs)}})</span></h2>
            </header>
        </section>
        <section class="row custom__row catalog">
            @foreach($product_catalogs as $product_row)
            <div class="col-12 col-md-12 col-lg-6 catalog__block product_catalog_block">
                <div class="row catalog__block__inner">
                    <div class="col-4 col-md-3 col-lg-3 image">
                        <img src="{{url('/')}}/assets/images/products/{{$product_row->product_thumbnail}}" alt="{{$product_row->product_name}}" class="img-fluid">
                    </div>
                    <div class="col-8 col-md-6 col-lg-5 content">
                        <h3 class="catalog_product_name">{{$product_row->product_name}}</h3>
                        <p class="paragraph catalog_product_description">{{Str::limit($product_row->product_description, 100)}}</p>
                    </div>
                    <div class="col-12 col-md-3 col-lg-4 button">
                        <a href="{{url('/')}}/assets/pdfs/{{$product_row->product_catalog}}" target="_blank"><span class="icon"></span> <span>Download</span></a>
                        <!-- <img src="{{url('/')}}/assets/images/recources/download.png" alt="Donwload" class="img-fluid"> -->
                    </div>
                </div>
                <span class="sep"></span>
            </div>
            @endforeach
        </section>
        @if(!isset($search_category_page))
        <section class="row custom__row services mt-3 mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/catalogs/{{$search_text_og}}" class="load__more">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($blog)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Articles <span>({{count($blog)}})</span></h2>
            </header>
        </section>
        <section class="row custom__row articles mt-3 mb-5">
            @foreach($blog as $blog_row)
            <div class="col-12 col-md-4 col-lg-3">
                <a href="{{url('/')}}/blog/{{$blog_row->blog_category_url_slug}}/{{$blog_row->blog_url_slug}}" class="articles__block">
                    <h3>{{$blog_row->blog_title}}</h3>
                    <p class="paragraph">{{$blog_row->blog_preview}}</p>
                </a>
            </div>
            @endforeach
        </section>
        @if(!isset($search_category_page))
        <section class="row custom__row services mt-3 mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/articles/{{$search_text_og}}" class="load__more">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($product_faqs)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">FAQ's <span>({{count($product_faqs)}})</span></h2>
            </header>
        </section>
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row faqs__content active">
                    @php
                    $j = 0;
                    @endphp
                    @foreach($product_faqs as $project_faqs_object_row)
                    <header class="col-12 @if(empty($j)) active @endif">
                        <h4>Q. {{$project_faqs_object_row->product_faq_question}} <p>{{$project_faqs_object_row->product_name}}</p> <span></span> <span></span></h4>
                        <details>
                            <summary class="paragraph">{{$project_faqs_object_row->product_faq_answer}}</summary>
                        </details>
                    </header>
                    @php
                    $j++;
                    @endphp
                    @endforeach
                    
                </section>
            </div>
        </div>
        @if(!isset($search_category_page))
        <section class="row custom__row services mt-4 mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/faqs/{{$search_text_og}}" class="load__more">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($product_industries)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Industries and Application <span>({{count($product_industries)}})</span></h2>
            </header>
        </section>
        <section class="row custom__row industries mb-0 pt-4">
            @foreach($product_industries as $product_industry_row)
            <div class="col-12 col-md-4 col-lg-3 industries__block">
                <div class="industries__block__inner text-center">
                    <div class="image">
                        <img src="{{url('/')}}/assets/images/product-industry/{{$product_industry_row->product_industry_thumbnail}}" alt="{{$product_industry_row->product_industry_name}}" class="img-fluid product__main__image">
                    </div>
                    <div class="product_content_block">
                        <h3 class="product-title">{{$product_industry_row->product_industry_name}}</h3>
                        <p>{{$product_industry_row->product_industry_description}}</p>
                    </div>
                    <a href="{{url('/')}}/industries-and-applications/{{$product_industry_row->product_industry_url_slug}}">Learn More <span><img src="{{url('/')}}/assets/images/home/right-arrow-red.png" alt="Learn More" class="img-fluid"></span></a>
                </div>
            </div>
            @endforeach
        </section>
        @if(!isset($search_category_page))
        <section class="row custom__row services mt-4 mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/industries-and-applications/{{$search_text_og}}" class="load__more">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
    @if(!empty(count($product_certificates)))
    <article class="container-fluid search">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-10 pb-4 title text-center">
                <h2 class="secondary-heading mb-4">Certificates <span>({{count($product_certificates)}})</span></h2>
            </header>
        </section>
        <section class="row custom__row certifications__content">
            @foreach($product_certificates as $product_certificate_row)
            <div class="col-12 col-md-6">
                <figure>
                    @if($product_certificate_row->product_certificate_attachment_type == 1)
                    <img src="{{url('/')}}/assets/images/products/{{$product_certificate_row->product_certificate_image}}" alt="{{$product_certificate_row->product_certificate_title}}" class="img-fluid">
                    @elseif($product_certificate_row->product_certificate_attachment_type == 3)
                    <a href="{{url('/')}}/assets/pdfs/{{$product_certificate_row->product_certificate_pdf}}" target="_blank">
                        <img src="{{url('/')}}/assets/images/products/{{$product_certificate_row->product_certificate_image}}" alt="{{$product_certificate_row->product_certificate_title}}" class="img-fluid">
                    </a>
                    @endif
                    <figcaption>
                        <h5>{{$product_certificate_row->product_certificate_title}}</h5>
                        <span>{{$product_certificate_row->product_certificate_sub_title}}</span>
                        <p>{!!nl2br($product_certificate_row->product_certificate_description)!!}</p>
                    </figcaption>
                </figure>
            </div>
            @endforeach
        </section>
        @if(!isset($search_category_page))
        <section class="row custom__row services mt-4 mb-5">
            <div class="col-12 text-center">
                <a href="{{url('/')}}/search/certificates/{{$search_text_og}}" class="load__more">View More</a>
            </div>
        </section>
        @endif
    </article>
    @endif
</main>
@endsection