---
product:
    videos:
        limit: {{theme_settings.productpage_videos_count}}
    reviews:
        limit: {{theme_settings.productpage_reviews_count}}
    related_products:
        limit: {{theme_settings.productpage_related_products_count}}
    similar_by_views:
        limit: {{theme_settings.productpage_similar_by_views_count}}
gql: "query productById($productId: Int!) {
    site {
        product(entityId: $productId) {
            type
        }
    }
}"
---
{{inject 'productId' product.id}}
{{#partial "head"}}
    <script type="application/ld+json">
        {
          "@context": "https://schema.org/",
          "@type": "Product",
          "name": "{{product.title}}",
          "sku": "{{product.sku}}",
          {{#if product.gtin}}
          "gtin": "{{product.gtin}}",
          {{/if}}
          {{#if product.brand.name}}
          "brand": "{{product.brand.name}}",
          {{/if}}
          "description": "{{#if product.warranty}}{{#JSONparse product.warranty}}{{#if longDescription}}{{longDescription}}{{/if}}{{/JSONparse}}{{/if}}",
          "image": "{{getImage product.main_image}}",
            "offers": {
                "@type": "Offer",
                "priceCurrency": "{{currency_selector.active_currency_code}}",
                "price": "{{product.price.without_tax.value}}",
                "itemCondition" : "https://schema.org/NewCondition",
                "availability" : "{{#if (occurrences product.availability 'Starts shipping') '>' 0}}https://schema.org/PreOrder{{else if (occurrences product.availability 'backorderable') '>' 0}}https://schema.org/BackOrder{{else if product.out_of_stock}}https://schema.org/OutOfStock{{else}}https://schema.org/InStock{{/if}}",
                "url" : "{{product.url}}"
            }
        }
    </script>
    <script defer="defer" src="https://cdnwarrantygen.group.com/media/jsonfiles/bigcwarranty/composite.js"></script>
    <script defer="defer" src="https://cdnwarrantygen.group.com/media/jsonfiles/bigcwarranty/{{product.sku}}.js"></script>
{{/partial}}

{{#partial "page"}}

    {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}

    {{#each product.shipping_messages}}
        {{> components/common/alert/alert-info message}}
    {{/each}}

    {{inject 'sku' product.sku}}
    {{inject "mpn" product.mpn}}
    {{inject "productName" product.title}}
    {{inject "stock_level" product.stock_level}}

    <div itemscope itemtype="https://schema.org/Product">
        {{> components/products/custom-product-view schema=true  }}
        <!--GPI ADDED REGION-->
        {{{region name="CMS_CONTENT"}}}

        {{{region name="product_below_content"}}}

        {{#if product.videos.list.length}}
            {{> components/products/videos product.videos}}
        {{/if}}

        {{#all settings.show_product_reviews theme_settings.show_product_reviews (if theme_settings.show_product_details_tabs '!==' true)}}
            {{> components/products/reviews reviews=product.reviews product=product urls=urls}}
        {{/all}}

        {{!--
        {{> components/products/tabs}}
        --}}
        
        {{> components/products/custom-tabs}}
        {{> components/products/footer-addtocart}}
    </div>
{{/partial}}
{{> layout/base}}

<!--GPI ADDED KLAVIYO VIEWED PRODUCT TRACKING-->
<script type="text/javascript"> 
var _learnq = _learnq || [];

var item = {
    Name: "{{product.title}}",
    ProductSKU: "{{product.sku}}",
    ProductID: "{{product.id}}",
    ImageURL: "{{getImage product.main_image 'product_size' (cdn theme_settings.default_image_product)}}",
    URL: "{{product.url}}",
    Brand: "{{product.brand.name}}",
    Price: "{{product.price.without_tax.value}}",
    CompareAtPrice: "{{product.price.rrp_without_tax.value}}"
};

_learnq.push(['track', 'Viewed Product', item]);

_learnq.push(['trackViewedItem', {
    Title: item.Name,
    ItemId: item.ProductID,
    ItemSku: item.ProductSKU,
    ImageUrl: item.ImageURL,
    Url: item.URL,

    Metadata: {
        Brand: item.Brand,
        Price: item.Price,
        CompareAtPrice: item.CompareAtPrice
    }
}]);
</script>