{{#extend "base" pageClass="page-product-details" title="Product details page WisDOM"
isDiscount=true
isSQM=true
isDescription=false
isCashback=false
isSize=true
isGuide=true
hourly-delivery=true
badges=pdp-price-badges.yellowGrayText
currentlyInStock=true
pagePdp=true
}}
{{#content "head" mode="append" pagePdp=true}}
<link type="text/css" rel="stylesheet" href="./css/components/energy-efficiency.css">
{{/content}}
{{#content "body"}}
<main class="pdp__main">
    <div class="container">
        <div class="pdp">
            <div class="pdp__title">
                <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
                    title in two raws
                </h1>
                <div class="pdp__reviews_small">
                    <div>
                        <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
                        {{> energy-efficiency
                        type=pdp_energy-efficiency.type
                        images=pdp_energy-efficiency.images
                        rating=pdp_energy-efficiency.rating
                        linkProduct=pdp_energy-efficiency.linkProduct
                        modificator="energy-efficiency--pdp"
                        }}
                    </div>
                    <div class="pdp-reviews-wrap">
                        <div class="product-card__reviews review-star">
                            <div class="product-rating product-rating-v2">
                                <div class="rating-bg">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <div class="rating-overlay"
                                         data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            <span class="review-star-average review-star-average-v2">(4.6)</span>
                        </div>
                        <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
                    </div>
                </div>
            </div>

            <div class="pdp__gallery">
                {{> gallery-pdp-v2 }}
            </div>
            <div class="pdp__aside">
                {{>
                price-block-v2
                isProductSaved=false
                isUserLogedOut=true
                install=true
                sample=false
                big-wins=true
                wisdom=true
                mcfc=true
                available=10
                isUserNonRegistered=true
                nearestAmount=12
                cc=false
                nearest-purchase=true
                more-stores-present=true
                isExcludingDelivery=true
                }}
                {{> fulfilment-accordions }}
            </div>
            <div class="pdp__description">
                {{> product-main-info-v2
                    energyEfficiencyRating=true
                    isAdvice=true
                    adviceTitle="Advice"
                    adviceSubtitle="Learn how to save energy in your home"
                    adviceLink="https://www.wickes.co.uk/sustainable-house#/front"
                    modificatorAdvice="advice-energy"
                }}
            </div>
            {{> fulfilment-accordions }}
        </div>
    </div>
    <div class="container container-info">
        <div class="pdp">
            <div class="pdp__info">
                {{> pdp-info-v2 }}
            </div>
        </div>
    </div>
    {{> recently-viewed }}

    {{> similar-products-v2 }}

    {{> seo-widgets title="More products" }}
    {{> seo-widgets title="Related category" }}
</main>
{{/content}}
{{#content "foot" mode="append"}}
{{#extend "modal" classMod="modal-energy-efficiency" id="modal-energy-efficiency" title="" fullWidth=true showCloseBtn=true newIconCross=true}}
    {{#content "sections"}}
        <div class="modal-images"></div>
    {{/content}}
{{/extend}}
<script type="text/html" id="mini-basket-popup">
    {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
</script>
<script defer src="./js/page/pdp.js"></script>
<script defer src="./js/energy-efficiency.min.js"></script>
{{> click-and-collect-modal pdp=pdp}}
{{> wisdom-modal-mcfc }}
{{/content}}
{{/extend}}
<!--<script defer src="./js/components/badge-cashback.js"></script>-->
<script>
    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
        $(document).ready(function () {
            $('.modal').on('scroll', function () {
                $(':focus').blur();
            });
        });
    }

    $(document).ready(function () {

        $('#info-details').toggleClass('accordion_collapsed');
        $('#details-content').css('display', 'block');

        $('#open-review').on('click', function () {
            $('#info-review').toggleClass('accordion_collapsed');
            $('#review-content').css('display', 'block');
        })
    })
</script>