@extends('layouts.website_layout')
@section('meta_title', $product->meta_title)
@section('meta_description', $product->meta_description)
@section('canonical_tag', $product->product_url_slug)
@section('banner_image', "products/".$product->product_thumbnail)
@section('content')
<main">
    <article class="container-fluid detailsHeader">
        <header class="row custom__row">
            <div class="col-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{url('/')}}/products">Products</a></li>
                        @foreach($breadcrumb as $breadcrumb_row)
                        @if(empty($parent_product_category_name))
                        <li class="breadcrumb-item"><a href="{{url('/')}}/product-category/{{$breadcrumb_row->product_category_url_slug}}">{{$breadcrumb_row->product_category_name}}</a></li>
                        @else
                        <li class="breadcrumb-item"><a href="{{url('/')}}/product-category/{{$parent_product_category_name}}{{$breadcrumb_row->product_category_url_slug}}">{{$breadcrumb_row->product_category_name}}</a></li>
                        @endif
                        @php
                        $parent_product_category_name .= $breadcrumb_row->product_category_url_slug."/";
                        @endphp

                        @endforeach
                        <li class="breadcrumb-item active" aria-current="page">{{$product->product_name}}</li>
                    </ol>
                </nav>
                <h1 class="primary-heading">{{$product->product_name}}</h1>
                <p class="paragraph">{{$product->product_code}}</p>
            </div>
        </header>
        <article class="row custom__row productTags justify-content-end">
            <div class="col-8 d-none productTags__links">
                @if(!empty(count($product_tags)))
                <p class="paragraph">Related Tags :</p>
                @foreach($product_tags as $product_tag_row)
                <a href="{{url('/')}}/product-tag/{{$product_tag_row->product_tag_url_slug}}">{{$product_tag_row->product_tag_name}}</a>
                @endforeach
                @endif
            </div>
            <div class="col-4 productTags__share" >
                <span id="btn-share" class="btn btn-simple popover-html">  <img src="{{url('/')}}/assets/images/product-details/share.png" alt="Share" class="img-fluid"> Share 
            
                <span id="popoverHiddenContent" class="hidden">
                    <a target="_blank" href="https://twitter.com/intent/tweet/?text={{$product->meta_description}}&url={{url('/')}}/{{$product->product_url_slug}}" class="btn-media twitter">
                        <i class="fa fa-twitter"></i>
                    </a>
                    <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{url('/')}}/{{$product->product_url_slug}}" class="btn-media facebook">
                        <i class="fa fa-facebook"></i>
                    </a>
                    <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{url('/')}}/{{$product->product_url_slug}}" class="btn-media google-plus">
                        <i class="fa fa-linkedin"></i>
                    </a>
                </span>
            
            </span>
                
            </div>
        </article>
    </article>
    <article class="container-fluid detailsBlock">
        <section class="row custom__row">
            <div class="col-12 col-md-6">
                <div class="row detailsBlock__row">
                    <div class="col-12 col-md-2 detailsBlock__thumbnails">
                        <div class="detailsBlock__images__slider owl-carousel owl-theme">
                            @foreach($product_galleries as $product_gallery_row)
                            <figure class="detailsBlock__images__slider__image">
                                <img src="{{url('/')}}/assets/images/gallery/{{$product_gallery_row->product_gallery_image}}" alt="{{$product->product_name}}">
                            </figure>
                            @endforeach
                            @if(empty(count($product_galleries)))
                            <figure class="detailsBlock__images__slider__image">
                                <img src="{{url('/')}}/assets/images/products/{{$product->product_thumbnail}}" alt="{{$product->product_name}}">
                            </figure>
                            @endif
                        </div>
                    </div>
                    <div class="col-12 col-md-10">
                        <div class="detailsBlock__images">
                            <figure class="detailsBlock__images__block">
                                @if(!empty(count($product_galleries)))
                                <img src="{{url('/')}}/assets/images/gallery/{{$product_gallery_image->product_gallery_image}}" class="active__image" alt="{{$product->product_name}}" class="img-fluid">
                                @else
                                <img src="{{url('/')}}/assets/images/products/{{$product->product_thumbnail}}" class="active__image" alt="{{$product->product_name}}" class="img-fluid">
                                @endif
                                <span id="fullscreen"><img src="{{url('/')}}/assets/images/product-details/full-screen.png" alt="FullScreen" class="img-fluid"></span>
                                @if($product->product_3d_gallery == 1)
                                <a id="view__threed" class="open_three_d_box" data-toggle="modal" data-target="#threeDModal" data-url="{{$product->product_url_slug}}"><img src="{{url('/')}}/assets/images/product-details/view-3d.png" alt="View 3D" class="img-fluid"></a>
                                @endif
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6">
                <div class="detailsBlock__details">
                    <div class="tab">
                        <ul>
                            <li data-detail-id="features" class="active">Features</li>
                            <li data-detail-id="support"> <span class="icon"></span>Help & Support</li>
                        </ul>
                    </div>
                    <div class="detailsBlock__details__section active" id="features">
                        <div class="overflowBlock">
                            <div class="detailsBlock__details__section__summary">
                                    <p class="paragraph mb-0">
                                        <span class="excerpt">{!!nl2br($product->product_description)!!}</span>
                                    </p>
                            </div>
                            @if(!empty(count($product_core_features)))
                            <ul class="detailsBlock__details__section__features">
                                @foreach($product_core_features as $product_core_feature_row)
                                <li>
                                    <figure>
                                        <img src="{{url('/')}}/assets/images/core-feature/{{$product_core_feature_row->product_core_feature_icon}}" alt="{{$product_core_feature_row->product_core_feature_caption}}" class="img-fluid">
                                    </figure>
                                </li>
                                @endforeach
                            </ul>
                            @endif
                            @if(!empty(count($product_features)))
                            <ul class="detailsBlock__details__section__points">
                                @foreach($product_features as $product_feature_row)
                                <li class="paragraph">{!!$product_feature_row->product_feature_title!!}</li>
                                @endforeach
                                @if(count($product_features) > 4)
                                <li class="paragraph no-tick">more...</li>
                                @endif
                            </ul>
                            @endif
                            @if(!empty(count($product_variant_labels)))
                            <div class="row detailsBlock__details__section__option">
                                @foreach($product_variant_labels as $product_variant_label_row)
                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <select class="form-control product_variant_value_id" name="product_variant_value_id[]">
                                            <option value="">Select {{$product_variant_label_row->variant_label_name}}</option>
                                            @if(isset($product_variant_label_value_object->{$product_variant_label_row->id}))
                                            @foreach($product_variant_label_value_object->{$product_variant_label_row->id} as $product_variant_label_value_id => $product_variant_label_value)
                                            <option value="{{$product_variant_label_value_id}}">{{$product_variant_label_value}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <div class="error">
                                            <span class="product_variant_value_id_err">Please Select {{$product_variant_label_row->variant_label_name}}</span>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            @endif
                        </div>
                        
                        <div class="detailsBlock__details__section__links">
                            <ul>
                                @if(!empty($product->product_catalog))
                                <li data-toggle="modal" data-target="#brochureModal"><a> <span class="icon"></span>Catalog</a></li>
                                @endif
                                <li class="add_to_list" data-id="{{$product->id}}" data-btn=""><span class="icon"></span>Add to List</li>
                                <li data-id="{{$product->id}}" class="add_to_list" data-btn="enquiry"><span class="icon"></span>Enquire Now</li>
                            </ul>
                        </div>
                    </div>
                    <div class="detailsBlock__details__section" id="support">
                        <div class="detailsBlock__details__section__title">
                            <p class="paragraph">Please connect with us</p>
                        </div>
                        <ul class="detailsBlock__details__section__link">
                            @if(!empty(count($product_support_contacts)))
                            <!-- <li><span><img src="{{url('/')}}/assets/images/product-details/telephone.png" alt="Call">Call Us</span> <a href="#" data-toggle="modal" data-target="#enquiryModal">Regions Specific Sales Manager</a></li> -->
                            @endif
                            @if(!empty($product->product_support_email_id))
                            <li><span><img src="{{url('/')}}/assets/images/product-details/email.png" alt="Email">Email Us</span> <a href="mailto:{{$product->product_support_email_id}}">{{$product->product_support_email_id}}</a></li>
                            @endif
                            <li><span><img src="{{url('/')}}/assets/images/product-details/chat.png" alt="Chat">Chat with Us</span> <a href="#">Mon. to Sat. 9am to 6pm</a></li>
                        </ul>
                        @if(!empty(count($product_quick_links)))
                        <div class="detailsBlock__details__section__quicklinks">
                            <h3>Quick Links</h3>
                            <ul>
                                @foreach($product_quick_links as $product_quick_link_row)
                                <li><a href="{{$product_quick_link_row->product_quick_link}}" target="_blank">{{$product_quick_link_row->product_quick_link_title}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </article>

    <article class="container-fluid sectionsNav productDetails">
        <nav class="row custom__row text-center">
            <ul class="m-auto product_section_titles">
                @if(($product->product_specification_template_id == 1 && !empty(count($product_specification_template_ones))) || ($product->product_specification_template_id == 2 && !empty(count($product_specification_template_twos))) || ($product->product_specification_template_id == 3 && !empty($product->product_specification_template_three_content)) || ($product->product_specification_template_id == 4 && !empty($product->product_specification_template_five_content)))
                <li data-section="specifications">Specifications</li>
                @endif
                @if(!empty($product->product_technical_info))
                <li data-section="technical-info">Technical Information</li>
                @endif
                @if(!empty(count($product_faq_categories)))
                <li data-section="faqs">FAQ's</li>
                @endif
                @if(!empty(count($product_certificates)))
                <li data-section="certifications">Certifications</li>
                @endif
            </ul>
        </nav>
    </article>
    @if($product->product_specification_template_id == 1 && !empty(count($product_specification_template_ones)))
    <article class="container-fluid specifications" id="specifications">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row specifications__title">
                    <header class="col-12 p-0">
                        <h2 class="secondary-heading">Specifications</h2>
                    </header>
                </section>
                <section class="row specifications__content">
                    @foreach($product_specification_template_ones as $product_specification_template_one_row)
                    <figure class="col-6 col-md-3 specifications__content__block text-center">
                        <img src="{{url('/')}}/assets/images/products/{{$product_specification_template_one_row->product_specification_template_one_icon}}" alt="{{$product_specification_template_one_row->product_specification_template_one_caption}}" class="img-luid">
                        <figcaption>{{$product_specification_template_one_row->product_specification_template_one_caption}}</figcaption>
                    </figure>
                    @endforeach
                    @foreach($product_specification_template_ones as $product_specification_template_one_row)
                    <details class="col-12 specifications__description">
                        <summary class="paragraph">{!!nl2br($product_specification_template_one_row->product_specification_template_one_description)!!}</summary>
                    </details>
                    <figure class="col-12 specifications__video @if($product_specification_template_one_row->product_specification_template_one_media_type_id == 2 && !empty($product_specification_template_one_row->product_specification_template_one_youtube_id)) play__icon @endif" @if($product_specification_template_one_row->product_specification_template_one_media_type_id == 2 && !empty($product_specification_template_one_row->product_specification_template_one_youtube_id)) data-youtube-id="{{$product_specification_template_one_row->product_specification_template_one_youtube_id}}" @endif>
                        <img src="{{url('/')}}/assets/images/products/{{$product_specification_template_one_row->product_specification_template_one_image}}" alt="{{$product_specification_template_one_row->product_specification_template_one_caption}}" class="img-fluid">
                        @if($product_specification_template_one_row->product_specification_template_one_media_type_id == 2 && !empty($product_specification_template_one_row->product_specification_template_one_youtube_id))
                        <img src="{{url('/')}}/assets/images/product-details/play-button.png" alt="play" class="img-fluid play">
                        @endif
                    </figure>
                    @endforeach
                </section>
            </div>
        </div>
    </article>
    @elseif($product->product_specification_template_id == 2 && !empty(count($product_specification_template_twos)))
    <article class="container-fluid technicalInfo" id="specifications">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row specifications__title">
                    <header class="col-12 p-0">
                        <h2 class="secondary-heading">Specifications</h2>
                    </header>
                </section>
            </div>
            <div class="col-12 col-md-11">
                <div class="row align-items-center">
                    <div class="col-12 col-md-4 pl-0">
                        <figure class="technicalInfo__image">
                            <img src="{{url('/')}}/assets/images/products/{{$product->product_specification_template_two_image}}" alt="{{$product->product_name}}" class="img-fluid">
                        </figure>
                    </div>
                    <div class="col-12 col-md-8">
                        <div class="row technicalInfo__block">
                            <div class="col-12">
                                @foreach($product_specification_template_twos as $product_specification_template_two_row)
                                <div class="row technicalInfo__block__row">
                                    <div class="col-12 col-md-4">
                                        <figure>
                                            <img src="{{url('/')}}/assets/images/products/{{$product_specification_template_two_row->product_specification_template_two_icon}}" alt="{{$product_specification_template_two_row->product_specification_template_two_caption}}" class="img-fluid">
                                        </figure>
                                    </div>
                                    <div class="col-12 col-md-8">
                                        <details>
                                            <summary class="paragraph">
                                                <h3>{{$product_specification_template_two_row->product_specification_template_two_caption}}</h3>
                                                {!!nl2br($product_specification_template_two_row->product_specification_template_two_description)!!}
                                            </summary>
                                        </details>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
    @elseif($product->product_specification_template_id == 3 && !empty($product->product_specification_template_three_content))
    <article class="container-fluid technicalInfoDescription" id="specifications">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row specifications__title">
                    <header class="col-12 p-0">
                        <h2 class="secondary-heading">Specifications</h2>
                    </header>
                </section>
            </div>
            <div class="col-12 col-md-11 technicalInfoDescription__inner">
                
                <p class="paragraph m-0">{!!$product->product_specification_template_three_content!!}</p>
            </div>
        </div>
    </article>
    @elseif($product->product_specification_template_id == 4 && !empty($product->product_specification_template_five_content))
    <article class="container-fluid tables" id="specifications">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row specifications__title">
                    <header class="col-12 p-0">
                        <h2 class="secondary-heading">Specifications</h2>
                    </header>
                </section>
            </div>
            <div class="col-12 col-md-11 tables__block">
                <section class="row">
                    {!!$product->product_specification_template_five_content!!}
                </section>
            </div>
        </div>
    </article>
    @endif
    @if((!empty($product->product_specification_template_four_button_one_attachment) && !empty($product->product_specification_template_four_button_one_name)) || (!empty($product->product_specification_template_four_button_two_attachment) && !empty($product->product_specification_template_four_button_two_name)))
    <article class="container-fluid tables">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11 tables__block">
                <div class="col-12 col-md-10 tables__btn text-center">
                    @if(!empty($product->product_specification_template_four_button_one_attachment) && !empty($product->product_specification_template_four_button_one_name))
                    <a href="{{url('/')}}/assets/attachments/{{$product->product_specification_template_four_button_one_attachment}}" target="_blank"><img src=" {{url('/')}}/assets/images/product-details/data-sheets.png" alt="Data Sheets" class="img-fluid">{{$product->product_specification_template_four_button_one_name}}</a>
                    @endif
                    @if(!empty($product->product_specification_template_four_button_two_attachment) && !empty($product->product_specification_template_four_button_two_name))
                    <a href="{{url('/')}}/assets/attachments/{{$product->product_specification_template_four_button_two_attachment}}" target="_blank"><img src="{{url('/')}}/assets/images/product-details/auto-cad.png" alt="AutoCAD Files" class="img-fluid">{{$product->product_specification_template_four_button_two_name}}</a>
                    @endif
                </div>
            </div>
        </div>
    </article>
    @endif
    @if(!empty($product->product_technical_info))
    <article class="container-fluid tables" id="technical-info">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11 tables__block">
                <section class="row tables__title">
                    <header class="col-12 p-0">
                        <h2 class="secondary-heading">Technical Information</h2>
                    </header>
                </section>
                <section class="row">
                    {!!$product->product_technical_info!!}
                <section>
            </div>
            @if(!empty($product->product_technical_button_attachment) && !empty($product->product_technical_button_name))
            <div class="col-12 col-md-10 tables__btn text-center">
                <a href="{{url('/')}}/assets/attachments/{{$product->product_technical_button_attachment}}" target="_blank"><img src=" {{url('/')}}/assets/images/product-details/data-sheets.png" alt="O&M Manual" class="img-fluid">{{$product->product_technical_button_name}}</a>
            </div>
            @endif
        </div>
    </article>
    @endif
    @if(!empty(count($product_faq_categories)))
    <article class="container-fluid faqs" id="faqs">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row faqs__title">
                    <header class="col-12 pl-0">
                        <h2 class="secondary-heading">FAQ's</h2>
                    </header>
                </section>
                <section class="row faqs__categories">
                    <ul>
                        @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)}}" @if(empty($i)) class="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 @if(empty($i)) active @endif" id="faq_{{Str::slug($product_faq_category_row->product_faq_category_name)}}">
                    @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 @if(empty($j)) active @endif">
                        <h4>Q. {{$project_faqs_object_row->product_faq_question}} <span></span> <span></span></h4>
                        <details>
                            <summary class="paragraph">{{$project_faqs_object_row->product_faq_answer}}</summary>
                        </details>
                    </header>
                    @php
                    $j++;
                    @endphp
                    @endforeach
                    @endif
                </section>
                @php
                $i++;
                @endphp
                @endforeach
            </div>
        </div>
    </article>
    @endif
    @if(!empty(count($product_certificates)))
    <article class="container-fluid certifications" id="certifications">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-11">
                <section class="row certifications__title">
                    <header class="col-12">
                        <h2 class="secondary-heading">Certifications</h2>
                    </header>
                </section>
                <section class="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>
            </div>
        </div>
    </article>
    @endif
    @if(!empty(count($products_related)))
    <div class="container-fluid browsed">
        <div class="row custom__row browsed__inner pr-0">
            <div class="browsed__intro col-12 col-md-12 col-lg-3">
                <h3 class="secondary-heading">Related Products</h3>
                <p class="paragraph">All products provided below with slider to find faster.</p>
                <div class="nav mt-5">
                    <div class="left"><img src="{{url('/')}}/assets/images/home/left-arrow-black.png" alt="Slide Left" class="img-fluid"></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"></div>
                </div>
            </div>
            <div class="browsed__slider owl-carousel owl-theme col-12 col-md-12 col-lg-9">
                @foreach($products_related 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 featured_product_image">
                        @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"></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><img src="{{url('/')}}/assets/images/home/list-style.png" alt="Add 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><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
                            </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"></span></a>
                    <span class="overlay"></span>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    @endif
    <div class="modal fade galleryModal" id="galleryModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content galleryModal__content">
                <div class="modal-header galleryModal__header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">ESC</span>
                    </button>
                </div>
                <div class="modal-body galleryModal__body">
                    <div class="galleryModal__body__image">
                        <img src="#" alt="Product Details" id="zoomed__image" class="img-fluid">
                    </div>
                </div>
                <div class="modal-footer galleryModal__footer">
                    <div class="galleryModal__slider owl-carousel">
                        @foreach($product_galleries as $product_gallery_row)
                        <div class="galleryModal__slider__item">
                            <img src="{{url('/')}}/assets/images/gallery/{{$product_gallery_row->product_gallery_image}}" alt="{{$product->product_name}}">
                        </div>
                        @endforeach
                        @if(empty(count($product_galleries)))
                        <div class="galleryModal__slider__item">
                            <img src="{{url('/')}}/assets/images/products/{{$product->product_thumbnail}}" alt="{{$product->product_name}}">
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if(!empty(count($product_support_contacts)))
    <div class="modal fade enquiryModal" id="enquiryModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content enquiryModal__content">
                <div class="modal-header enquiryModal__header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">ESC</span>
                    </button>
                </div>
                <div class="modal-body enquiryModal__body">
                    <div class="row m-0">
                        <div class="col-12 col-md-3 p-0">
                            <div class="enquiryModal__body__image" style="background: #fff url({{url('/')}}/assets/images/product-details/enquiry_bg.jpg)no-repeat center/cover;">
                            </div>
                        </div>
                        <div class="col-12 col-md-9 p-0">
                            <div class="enquiryModal__body__content">
                                <div class="row">
                                    <div class="col-12 title mb-4">
                                        <h3 class="secondary-heading">Regional Sales <span>Contacts</span></h3>
                                    </div>
                                    @foreach($product_support_contacts as $product_support_contact_row)
                                    <div class="col-12 col-md-6 mb-4">
                                        <h4>{{$product_support_contact_row->support_region_name}}</h4>
                                        <ul>
                                            <li><span><img src="{{url('/')}}/assets/images/product-details/contact-user.png" alt="Contact Region" class="img-fluid"></span>{{$product_support_contact_row->product_support_contact_name}}</li>
                                            @if(!empty($product_support_contact_row->product_support_contact_email_id))
                                            <li><a href="mailto:{{$product_support_contact_row->product_support_contact_email_id}}"><span><img src="{{url('/')}}/assets/images/product-details/contact-email.png" alt="Contact Region" class="img-fluid"></span> {{$product_support_contact_row->product_support_contact_email_id}}</a></li>
                                            @endif
                                            @if(!empty($product_support_contact_row->product_support_contact_number))
                                            <li><a href="tel:{{$product_support_contact_row->product_support_contact_number}}"><span><img src="{{url('/')}}/assets/images/product-details/contact-telephone.png" alt="Contact Region" class="img-fluid"></span>{{$product_support_contact_row->product_support_contact_number}}</a></li>
                                            @endif
                                        </ul>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</main>
@endsection