@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>
    <div class="container-fluid banner p-0">
        <div class="banner__slider owl-carousel owl-theme">
            @foreach($home_page_sliders as $home_page_slider_row)
            <div class="banner__slider__item">
                <img src="{{url('/')}}/assets/images/home-page-sliders/{{$home_page_slider_row->slider_image}}" alt="{{$home_page_slider_row->slider_caption}}" class="img-fluid slider-image desktop_image">
                <img src="{{url('/')}}/assets/images/home-page-sliders/{{$home_page_slider_row->slider_image_mobile}}" alt="{{$home_page_slider_row->slider_caption}}" class="img-fluid slider-image mobile_image">
                <div class="banner__slider__item__caption">
                    <h1 class="slider-heading mb-4">{!!nl2br($home_page_slider_row->slider_caption)!!}</h1>
                    <p class="paragraph mb-4">{!!nl2br($home_page_slider_row->slider_caption_two)!!}</p>
                    @if(!empty($home_page_slider_row->slider_button_link) && !empty($home_page_slider_row->slider_button_name))
                    <a href="{{$home_page_slider_row->slider_button_link}}" class="mb-4">{{$home_page_slider_row->slider_button_name}}</a>
                    @endif
                    <div class="nav">
                        <div class="left"><img src="{{url('/')}}/assets/images/global/left-white.png" alt="Slide Left" class="img-fluid" width="25" height="22"></div>
                        <div class="counter"></div>
                        <div class="right"><img src="{{url('/')}}/assets/images/global/right-white.png" alt="Slide Right" class="img-fluid" width="25" height="22"></div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>

    <div class="container-fluid featured">
        <div class="featured__intro">
            <div class="row custom__row justify-content-center">
                <div class="col-12 col-md-8 col-lg-8 text-center">
                    <h2 class="primary-heading mb-4">Featured Offerings</h2>
                    <p class="paragraph">Customization of products and services is the key factor in serving our customers successfully. It helps in delivering personalized experience and gaining our customers’ loyalty and satisfaction. <br>
                    Simply Made for You!
                    </p>
                    <ul class="mb-5 featured_selection">
                        <li class="active" data-id="products">Products</li>
                        <li data-id="industries">Industries & Applications</li>
                        <li data-id="services">Services</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="custom__row featured__slider owl-carousel owl-theme featured_blocks" data-parent="products">
            @foreach($products_featured as $product_row)
            <div class="featured__slider__item text-center">
                <div class="featured__slider__item__image">
                    <img src="{{url('/')}}/assets/images/products/{{$product_row->product_thumbnail}}" alt="{{$product_row->product_name}}" class="img-fluid featured_product_image" width="353" height="273">
                    @if($product_row->product_3d_gallery == 1)
                    <span class="threeD img-fluid open_three_d_box" data-toggle="modal" data-target="#threeDModal" data-url="{{$product_row->product_url_slug}}"><img src="{{url('/')}}/assets/images/home/3d-icon.png" alt="View 3D" width="20" height="20"></span>
                    @endif
                    @if(!empty($product_row->product_block_label_title))
                    <span class="label d-none strtolower(str_replace(' ', '', $product_row->product_block_label_title))}}">{{$product_row->product_block_label_title}}</span>
                    @endif
                    <ul>
                        <li class="already_in_list" @if(!in_array($product_row->id, $product_ids_array)) style="display:none" @endif><div class="already_in_list_wrap"><span>Added to</span></div> <img src="{{url('/')}}/assets/images/home/addlist.png" alt="Added to list" class="img-fluid"></li>
                        <li class="add_to_list" data-id="{{$product_row->id}}" @if(in_array($product_row->id, $product_ids_array)) style="display:none" @endif><div class="add_to_list_wrap"><span>Add to</span></div><img src="{{url('/')}}/assets/images/home/addlist.png" alt="Add to list" class="img-fluid"></li>
                        @if(isset($product_core_feature_objects->{$product_row->id}))
                        @foreach($product_core_feature_objects->{$product_row->id} as $product_core_feature_object_row)
                        <li><img src="{{url('/')}}/assets/images/core-feature/{{$product_core_feature_object_row->product_core_feature_icon}}" alt="{{$product_core_feature_object_row->product_core_feature_caption}}" class="img-fluid"></li>
                        @endforeach
                        @endif
                        </li>
                    </ul>
                </div>
                <h3 class="product-title">{{$product_row->product_name}}</h3>
                <p>{{Str::limit($product_row->product_description, 100)}}</p>
                <a href="{{url('/')}}/{{$product_row->product_url_slug}}">Learn More <span><img src="{{url('/')}}/assets/images/home/right-arrow-red.png" alt="Learn More" class="img-fluid" width="21" height="16"></span></a>
                <span class="overlay"></span>
            </div>
            @endforeach
        </div>
        <section class="row custom__row industries mt-4 pt-4 featured_blocks d-none" data-parent="industries">
            @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" width="471" height="364">
                    </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" width="21" height="16"></span></a>
                </div>
            </div>
            @endforeach
        </section>
        <article class="container-fluid productIntro pb-0 pt-0 featured_blocks d-none" data-parent="services">
            <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" width="734" height="471">
                            <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>
        </article>
    </div>

    <div class="container-fluid browsed">
        <div class="row browsed__inner">
            <div class="browsed__intro col-12 col-md-12 col-lg-3">
                <h3 class="secondary-heading">Browse Most <br> Viewed Products</h3>
                <a href="{{url('/')}}/products">View All Products</a>
                <div class="nav mt-5">
                    <div class="left"><img src="{{url('/')}}/assets/images/home/left-arrow-black.png" alt="Slide Left" class="img-fluid" width="25" height="22"></div>
                    <div class="number"><span class="activeSlide"></span> / <span class="slides"></span>
                    </div>
                    <div class="right"><img src="{{url('/')}}/assets/images/home/right-arrow-black.png" alt="Slide Right" class="img-fluid" width="25" height="22"></div>
                </div>
            </div>
            <div class="browsed__slider owl-carousel owl-theme col-12 col-md-12 col-lg-9">
                @foreach($products_most_viewed as $product_row)
                <div class="browsed__slider__item text-center">
                    <div class="browsed__slider__item__image">
                        <img src="{{url('/')}}/assets/images/products/{{$product_row->product_thumbnail}}" alt="{{$product_row->product_name}}" class="img-fluid browsed__image" width="353" height="273">
                        @if($product_row->product_3d_gallery == 1)
                        <span class="threeD img-fluid open_three_d_box" data-toggle="modal" data-target="#threeDModal" data-url="{{$product_row->product_url_slug}}"><img src="{{url('/')}}/assets/images/home/3d-icon.png" alt="View 3D" width="20" height="20"></span>
                        @endif
                        @if(!empty($product_row->product_block_label_title))
                        <span class="label d-none {{strtolower(str_replace(' ', '', $product_row->product_block_label_title))}}">{{$product_row->product_block_label_title}}</span>
                        @endif
                        <ul>
                             <li class="already_in_list" @if(!in_array($product_row->id, $product_ids_array)) style="display:none" @endif><div class="already_in_list_wrap"><span>Added to</span></div> <img src="{{url('/')}}/assets/images/home/addlist.png" alt="Added to list" class="img-fluid"></li>
                            <li class="add_to_list" data-id="{{$product_row->id}}" @if(in_array($product_row->id, $product_ids_array)) style="display:none" @endif><div class="add_to_list_wrap"><span>Add to</span></div><img src="{{url('/')}}/assets/images/home/addlist.png" alt="Add to list" class="img-fluid"></li>
                            @if(isset($product_core_feature_objects->{$product_row->id}))
                            @foreach($product_core_feature_objects->{$product_row->id} as $product_core_feature_object_row)
                            <li class="d-none"><img src="{{url('/')}}/assets/images/core-feature/{{$product_core_feature_object_row->product_core_feature_icon}}" alt="{{$product_core_feature_object_row->product_core_feature_caption}}" class="img-fluid"></li>
                            @endforeach
                            @endif
                        </ul>
                    </div>
                    <h3 class="product-title">{{$product_row->product_name}}</h3>
                    <p>{{Str::limit($product_row->product_description, 100)}}</p>
                    <a href="{{url('/')}}/{{$product_row->product_url_slug}}">Learn More <span><img src="{{url('/')}}/assets/images/home/right-arrow-red.png" alt="Learn More" class="img-fluid" width="25" height="22"></span></a>
                    <span class="overlay"></span>
                </div>
                @endforeach
            </div>
            <span class="side-overlay"></span>
        </div>
    </div>
    <div class="container-fluid welcome">
        <div class="row custom__row">
            <div class="col-12 col-md-6 welcome__video">
                <div class="welcome__video__inner @if(!empty($home_page_about_us->home_page_about_us_youtube_video_id)) play__icon @endif" @if(!empty($home_page_about_us->home_page_about_us_youtube_video_id)) data-youtube-id="{{$home_page_about_us->home_page_about_us_youtube_video_id}}" @endif>
                    <img src="{{url('/')}}/assets/images/home-page/{{$home_page_about_us->home_page_about_us_image}}" alt="Video" class="img-fluid" width="765" height="487">
                    @if(!empty($home_page_about_us->home_page_about_us_youtube_video_id))
                    <span class="play"><img src="{{url('/')}}/assets/images/home/play-icon.png" alt="Play video" class="img-fluid" width="46" height="46"></span>
                    @endif
                </div>
            </div>
            <div class="col-12 col-md-6 welcome__intro">
                <div class="welcome__intro__inner">
                    <h4 class="secondary-heading m-0">{{$home_page_about_us->home_page_about_us_title}}</h4>
                    <p class="paragraph my-4">{!!nl2br($home_page_about_us->home_page_about_us_description)!!}</p>
                    @if(!empty($home_page_about_us->home_page_about_us_link) && !empty($home_page_about_us->home_page_about_us_button_name))
                    <a href="{{$home_page_about_us->home_page_about_us_link}}" class="white-btn" target="_blank">{{$home_page_about_us->home_page_about_us_button_name}}</a>
                    @endif
                </div>
            </div>
        </div>
        <div class="row custom__row welcome__links">
            @foreach($about_us_highlights as $about_us_highlight_row)
            <div class="col-12 col-md-6 welcome__links__block">
                <div class="welcome__links__block__inner">
                    <h4 class="secondary-heading m-0">{{$about_us_highlight_row->about_us_highlight_title}}</h4>
                    <p class="paragraph my-4">{{$about_us_highlight_row->about_us_highlight_description}}</p>
                    @if(isset($about_us_highlight_link_array->{$about_us_highlight_row->id}))
                    <ul>
                        @foreach($about_us_highlight_link_array->{$about_us_highlight_row->id} as $about_us_highlight_link_array_row)
                        <li><a href="{{$about_us_highlight_link_array_row->about_us_highlight_link}}" target="_blank">{{$about_us_highlight_link_array_row->about_us_highlight_link_title}}</a></li>
                        @endforeach
                    </ul>
                    <span class="manage">More <i class="fa fa-angle-down" aria-hidden="true"></i></span>
                    @endif
                </div>
            </div>
            @endforeach
        </div>
    </div>
    <div class="container-fluid technologies">
        <div class="row custom__row">
            <div class="col-12 technologies__title">
                <h4 class="secondary-heading">RRL at a glance</h4>
            </div>
            <div class="technologies__block owl-carousel owl-theme col-12" id="technologies__slider">
                @foreach($technology_blocks as $technology_block_row)
                <a @if(!empty($technology_block_row->technology_block_button_title) && !empty($technology_block_row->technology_block_link)) href="{{$technology_block_row->technology_block_link}}" @endif class="technologies__block__inner">
                    <img src="{{url('/')}}/assets/images/home-page/{{$technology_block_row->technology_block_thumbnail}}" alt="{{$technology_block_row->technology_block_title}}" class="img-fluid" width="480" height="656">
                    <div class="caption">
                        <h5 class="secondary-heading">{{$technology_block_row->technology_block_title}}</h5>
                        <div class="paragraph">{{$technology_block_row->technology_block_description}}</div>
                        @if(!empty($technology_block_row->technology_block_button_title) && !empty($technology_block_row->technology_block_link))
                        <span>{{$technology_block_row->technology_block_button_title}}</span>
                        @endif
                    </div>
                </a>
                @endforeach
            </div>
        </div>
    </div>
    @include('news_updates_preview')
    @if(!empty($home_page_bottom_section))
    <div class="container-fluid covid">
        <div class="row custom__row m-0">
            <div class="covid__inner desktop_image" style="background: #E31E24 url({{url('/')}}/assets/images/home/{{$home_page_bottom_section->home_page_section_image}})no-repeat bottom center/cover;">
                <div class="row align-items-center">
                    <div class="col-12 col-md-8">
                        <h4 class="secondary-heading mb-3">{{$home_page_bottom_section->home_page_section_title}}</h4>
                        <p class="paragraph">{!!nl2br($home_page_bottom_section->home_page_section_description)!!}</p>
                    </div>
                    <div class="col-12 col-md-4">
                        @if(!empty($home_page_bottom_section->home_page_section_button_link) && !empty($home_page_bottom_section->home_page_section_button_name))
                        <a href="{{$home_page_bottom_section->home_page_section_button_link}}" target="_blank">{{$home_page_bottom_section->home_page_section_button_name}}</a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="covid__inner mobile_image" style="background: #E31E24 url({{url('/')}}/assets/images/home/{{$home_page_bottom_section->home_page_section_image_mobile}})no-repeat bottom center/cover;">
                <div class="row align-items-center">
                    <div class="col-12 col-md-8">
                        <h4 class="secondary-heading mb-3">{{$home_page_bottom_section->home_page_section_title}}</h4>
                        <p class="paragraph">{!!nl2br($home_page_bottom_section->home_page_section_description)!!}</p>
                    </div>
                    <div class="col-12 col-md-4">
                        @if(!empty($home_page_bottom_section->home_page_section_button_link) && !empty($home_page_bottom_section->home_page_section_button_name))
                        <a href="{{$home_page_bottom_section->home_page_section_button_link}}" target="_blank">{{$home_page_bottom_section->home_page_section_button_name}}</a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</main>
@endsection