@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 desktop_image">
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image_mobile}}" alt="{{$meta_data->page_name}}" class="img-fluid mobile_image">
            <figcaption class="custom__row slider-heading">
                {!!nl2br($banner->banner_caption)!!}
                <p class="paragraph mt-4">{!!nl2br($banner->banner_description)!!}</p>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{$meta_data->page_name}}</li>
                    </ol>
                </nav>
            </figcaption>
        </figure>
    </article>
    <article class="container-fluid productIntro pb-0" id="ProductCatalog">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">Product Catalog</h2>
                <p class="paragraph">Select and download product catalogue(s) of interest. </p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">Choose Product Family<span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_catalog_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @foreach($product_categories_filter as $product_categories_filter_row)
                                <label class="label">{{$product_categories_filter_row->product_category_name}}
                                    <input type="checkbox" class="checkbox filter_catalog_checkbox" value="{{$product_categories_filter_row->id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_catalog" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row catalog">
            @foreach($core_products as $product_row)
            @if(!empty($product_row->product_catalog))
            <div class="col-12 col-md-12 col-lg-6 catalog__block product_catalog_block" @if(isset($core_parent_product_categories[$product_row->id])) data-product-category-id="{{$core_parent_product_categories[$product_row->id]}}" @endif style="display: none;">
                <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"><a href="{{url('/')}}/{{$product_row->product_url_slug}}">{{$product_row->product_name}}</a></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 class="show_pointer product_catalog_download" data-target="#brochureModal" data-toggle="modal" data-product-id="{{$product_row->id}}" data-href="{{url('/')}}/assets/pdfs/{{$product_row->product_catalog}}">
                            <img src="{{url('/')}}/assets/images/recources/download.png" alt="Donwload" class="img-fluid initial"> <img src="{{url('/')}}/assets/images/recources/download-white.png" alt="Donwload" class="img-fluid hovered"> Download</a>
                    </div>
                </div>
                <span class="sep"></span>
            </div>
            @endif
            @endforeach
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="3DView">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">3D View</h2>
                <p class="paragraph">A holistic view of our products to help you get a better perspectie of our offering.</p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">Choose Product Family<span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_3d_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @foreach($product_3d_categories_filter as $product_categories_filter_row)
                                <label class="label">{{$product_categories_filter_row->product_category_name}}
                                    <input type="checkbox" class="checkbox filter_3d_checkbox" value="{{Str::slug($product_categories_filter_row->product_category_name)}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_3d" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row products mt-5 pt-4 pb-0 3d_view_blocks">
            @include('product_block')
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="ProductCertificates">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">Product Certificates</h2>
                <p class="paragraph">Raychem RPG's commitment to quality, safety, as well as, affirmation of performance and quality assurance of facilities and products.</p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">
                            Choose Product <span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_certificate_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @php
                                $product_names = [];
                                @endphp
                                @foreach($product_certificates as $product_certificate_row)
                                @if(!in_array($product_certificate_row->product_id, $product_names))
                                @php
                                $product_names[] = $product_certificate_row->product_id;
                                @endphp
                                <label class="label">{{$product_certificate_row->product_name}}
                                    <input type="checkbox" class="checkbox filter_certificate_checkbox" value="{{$product_certificate_row->product_id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_certificate" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row certifications__content mt-5">
            <div class="col-12 col-md-10 m-auto">
                <div class="row">
                    @foreach($product_certificates as $product_certificate_row)
                    <div class="col-12 col-md-6 product_certificate_block" style="display:none;" data-product-id="{{$product_certificate_row->product_id}}">
                        <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 class="product_certificate_title">{{$product_certificate_row->product_certificate_title}}</h5>
                                <span class="product_certificate_sub_title">{{$product_certificate_row->product_certificate_sub_title}}</span>
                                <p class="product_certificate_description">{!!nl2br($product_certificate_row->product_certificate_description)!!}</p>
                            </figcaption>
                        </figure>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="OandMManuals">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">O&M Manuals</h2>
                <p class="paragraph">Help you facilitate the functioning, installation and maintenance of our offering</p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">Choose Product Family <span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_manual_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @foreach($product_categories_filter as $product_categories_filter_row)
                                <label class="label">{{$product_categories_filter_row->product_category_name}}
                                    <input type="checkbox" class="checkbox filter_manual_checkbox" value="{{$product_categories_filter_row->id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_manual" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row catalog">
            @foreach($core_products as $product_row)
            @if(!empty($product_row->product_specification_template_four_button_one_name) && !empty($product_row->product_specification_template_four_button_one_attachment))
            <div class="col-12 col-md-12 col-lg-6 catalog__block product_manual_block" style="display: none;" @if(isset($core_parent_product_categories[$product_row->id])) data-product-category-id="{{$core_parent_product_categories[$product_row->id]}}" @endif>
                <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="manual_product_name">{{$product_row->product_name}}</h3>
                        <p class="paragraph manual_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/attachments/{{$product_row->product_specification_template_four_button_one_attachment}}" target="_blank"><img src="{{url('/')}}/assets/images/recources/download.png" alt="Donwload" class="img-fluid"> Download</a>
                    </div>
                </div>
                <span class="sep"></span>
            </div>
            @endif
            @endforeach
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="Facilities">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">Facility</h2>
                <p class="paragraph">Raychem RPG’s operation facilities are located in Vasai and Chakan in Maharashtra State and Halol in Gujarat State. All the facilities are covered under a multi-site certification to management systems, thus providing the company one platform to cascade good management practices across locations without diluting the focus of each plant.
                </p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">Choose Facility Management<span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_facility_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @foreach($facility_managements as $facility_management_row)
                                <label class="label">{{$facility_management_row->facility_management_name}}
                                    <input type="checkbox" class="checkbox filter_facility_checkbox" value="{{$facility_management_row->id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_facility" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row technologies__block facilities  mt-4 pt-4 pb-0">
            @foreach($facility_managements as $facility_management_row)
            <div class="col-12 col-md-4 mb-5 facility_block" data-id="{{$facility_management_row->id}}" style="display: none;">
                <div class="technologies__block__inner">
                    <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_row->facility_management_thumbnail}}" alt="{{$facility_management_row->facility_management_name}}" class="img-fluid">
                    <div class="caption">
                        <h5 class="secondary-heading facility_name">{{$facility_management_row->facility_management_name}}</h5>
                        <div class="paragraph facility_description">{!!nl2br($facility_management_row->facility_management_overview_description)!!}</div>
                        <a href="{{url('/')}}/complete-resources/{{$facility_management_row->facility_management_url_slug}}">Learn More</a>
                    </div>
                </div>
            </div>
            @endforeach
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="Certificates">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">Certificates</h2>
                <p class="paragraph"></p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row justify-content-center">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">
                            Choose Certificate <span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Certificate" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_raychem_certificate_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @foreach($raychem_certificates as $raychem_certificate_row)
                                <label class="label">{{$raychem_certificate_row->raychem_certificate_title}}
                                    <input type="checkbox" class="checkbox filter_raychem_certificate_checkbox" value="{{$raychem_certificate_row->id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_raychem_certificate" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Certificate" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row certifications__content mt-5">
            <div class="col-12 col-md-10 m-auto">
                <div class="row">
                    @foreach($raychem_certificates as $raychem_certificate_row)
                    <div class="col-12 col-md-6 raychem_certificate_block" style="display:none;" data-id="{{$raychem_certificate_row->id}}">
                        <figure>
                            <a href="{{url('/')}}/assets/pdfs/{{$raychem_certificate_row->raychem_certificate_pdf}}" target="_blank">
                                <img src="{{url('/')}}/assets/images/certificates/{{$raychem_certificate_row->raychem_certificate_logo}}" alt="{{$raychem_certificate_row->raychem_certificate_title}}" style="background-color: black;" class="img-fluid">
                            </a>
                            <figcaption>
                                <h5 class="product_certificate_title">{{$raychem_certificate_row->raychem_certificate_title}}</h5>
                                <p class="product_certificate_description">{!!nl2br($raychem_certificate_row->raychem_certificate_description)!!}</p>
                            </figcaption>
                        </figure>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </article>
    <article class="container-fluid productIntro pt-5 pb-0" id="ProductFAQs">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">FAQ's</h2>
                <p class="paragraph">A ready reckoner for customer queries, especially for first time users.</p>
            </header>
        </section>
        <section class="row custom__row justify-content-center productIntro__filter">
            <div class="col-12 col-md-8 col-lg-7 text-center">
                <div class="row">
                    <div class="col-12 col-md-6 productIntro__filter__block">
                        <div class="productIntro__filter__block__dropdown">Choose Product<span><img src="{{url('/')}}/assets/images/global/dorpdown-arrow.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                        <div class="productIntro__filter__block__list">
                            <div class="reset d-none reset_faqs_filter">
                                <div><span><i class="fa fa-times" aria-hidden="true"></i></span> Reset</div>
                            </div>
                            <div class="product__family">
                                @php
                                $product_names = [];
                                @endphp
                                @foreach($product_faq_categories as $product_faq_category_row)
                                @foreach($product_faqs_object->{$product_faq_category_row->id} as $project_faqs_object_row)
                                @if(!in_array($project_faqs_object_row->product_id, $product_names))
                                @php
                                $product_names[] = $project_faqs_object_row->product_id;
                                @endphp
                                <label class="label">{{$project_faqs_object_row->product_name}}
                                    <input type="checkbox" class="checkbox filter_faq_checkbox" value="{{$project_faqs_object_row->product_id}}">
                                    <span class="checkmark"></span>
                                </label>
                                @endif
                                @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-6 productIntro__filter__block product__search">
                        <div class="productIntro__filter__block__dropdown">
                            <input type="text" class="form-control" id="filter_faqs" placeholder="Enter Search Here">
                            <span><img src="{{url('/')}}/assets/images/global/search-icon.png" alt="Filter Product" class="img-fluid"></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row custom__row faqs mt-4 pt-4 pb-0">
            <div class="col-12 col-md-10 m-auto">
                <section class="row faqs__categories mb-5">
                    <ul class="faqs_categories d-none">
                        @php
                        $i = 0;
                        @endphp
                        @foreach($product_faq_categories as $product_faq_category_row)
                        <li data-faq-cat="faq_{{Str::slug($product_faq_category_row->product_faq_category_name)}}" class="@if(empty($i)) active @endif">{{$product_faq_category_row->product_faq_category_name}}</li>
                        @php
                        $i++;
                        @endphp
                        @endforeach
                    </ul>
                </section>
                @php
                $i = 0;
                @endphp
                @foreach($product_faq_categories as $product_faq_category_row)
                <section class="row faqs__content faq_block" id="faq_{{Str::slug($product_faq_category_row->product_faq_category_name)}}" @if(empty($i)) style="display: block;" @endif">
                    @if(isset($product_faqs_object->{$product_faq_category_row->id}))
                    @php
                    $j = 0;
                    @endphp
                    @foreach($product_faqs_object->{$product_faq_category_row->id} as $project_faqs_object_row)
                    <header class="col-12 faq_qa_block active" data-product-id="{{$project_faqs_object_row->product_id}}" style="display:none;">
                        <h4 class="faq_question">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 faq_answer">{{$project_faqs_object_row->product_faq_answer}}</summary>
                        </details>
                    </header>
                    @php
                    $j++;
                    @endphp
                    @endforeach
                    @endif
                </section>
                @php
                $i++;
                @endphp
                @endforeach
            </div>
        </section>
    </article>
</main>
@endsection