@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>
    @include('product_banner_html')
    <article class="container-fluid productCatIntro sbc">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-12 col-lg-12 pb-4">
                <h2 class="primary-heading mb-4">{!!nl2br($banner->introduction_title)!!}</h2>
                <p class="paragraph">{!!nl2br($banner->introduction_description)!!}</p>
            </header>
        </section>
    </article>
    @include('recent_development')
    <article class="container-fluid productIntro pb-0 pt-0">
        <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">Serving Highly Engineered Applications</h2>
            </header>
        </section>
        <section class="row custom__row industries mt-4 pt-4">
            @foreach($product_sub_categories as $product_sub_category_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-category/{{$product_sub_category_row->product_category_thumbnail}}" alt="{{$product_sub_category_row->product_sub_category_name}}" class="img-fluid product__main__image">
                    </div>
                    <div class="product_content_block">
                        <h3 class="product-title">{{$product_sub_category_row->product_sub_category_name}}</h3>
                        <p>{{$product_sub_category_row->introduction_title}}</p>
                    </div>
                    @if(isset($parent_product_categories_by_category[$product_sub_category_row->id]))
                    <a href="{{url('/')}}/product-category/{{implode('/', array_reverse($parent_product_categories_by_category[$product_sub_category_row->id]))}}">Learn More <span><img src="{{url('/')}}/assets/images/home/right-arrow-red.png" alt="Learn More" class="img-fluid"></span></a>
                    @endif
                </div>
            </div>
            @endforeach
        </section>
    </article>
    @include('product_category_services')
</main>
@endsection