{{#extend "base" pageClass="page-product-details" title="Product details page new"
          isDiscount=true
          isSQM=true
          isDescription=true
          isCashback=false
          isSize=true
          hourly-delivery=true
          badge-text='15% off'
          badge-color='yellow'
          badge-text-color='gray'
          step3=true
          currentlyInStock=true
          pagePdp=true
}}
    {{#content "head" mode="append" pagePdp=true}}
    {{/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">
                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
                            <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 class="pdp__gallery">
                        {{> gallery-pdp-v2 }}
                    </div>
                    <div class="pdp__aside">
                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false }}
                        {{> pdp-action-button-v2}}
                    </div>
                    <div class="pdp__description">
                        {{> product-main-info-v2 isAdvice=true}}
                    </div>
                    <div class="pdp__actions actions">
                        {{> pdp-action-button-v2}}
                        {{> pdp-action-modal-v2}}
                    </div>
                </div>
            </div>
            <div class="container container-info">
                <div class="pdp">
                    <div class="pdp__info">
                        {{> pdp-info-v2 floor=true }}
                    </div>
                </div>
            </div>
                {{> recently-viewed }}
        </main>
    {{/content}}
    {{#content "foot" mode="append"}}
        <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>
        {{#extend "modal" id="modal-pdp-feedback" title="Feedback Form" fullWidth=true}}
            {{#content "body"}}
                <iframe class="cboxIframe" name="cbox1538824723052"
                        src="https://docs.google.com/forms/d/1jHV5b8AazYbPmoTXJBxmyns4AcRhtKnnIC4_K_MFOPU/viewform?entry.1452922942=Wickes+Blue+Slate+Chippings+-+Major+Bag&amp;entry.1885983523=Decorative+Uk+sourced+blue+slate+chippings+are+ideal+for+gardens+and+borders.+This+beautiful+stone+changes+colour+when+wet.&amp;entry.935962220=112777&amp;entry.474385230=1000626184"></iframe>
            {{/content}}
        {{/extend}}
        {{> click-and-collect-modal}}
        {{> thank-you-modal}}
    {{/content}}
{{/extend}}
<!--<script defer src="./js/page/ti.js"></script>-->
<script type="module" defer src="./js/page/installation/fi.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');
        });

        $('.ti__next ti__next3 .btn').on('click', function () {
           alert('Click');
        });
    })
</script>
