{#
{% import "main/common/Macro/money.html.twig" as money %}
{% set productLang = getProductLang({'product':product}) %}
{% set detailLink = path('main_product_show',{'id':product.id|default,'alias':productLang.alias|default}) %}

{% set productReviews = getProductReviews(product,true) %}


<div class="container quickView-container">
    <div class="quickView-content">
        <div class="row">
            <div class="col-lg-7 col-md-6">
                #}
{# Product Images #}{#

                {% include "main/Product/Quickview/_images.html.twig" %}
            </div>

            <div class="col-lg-5 col-md-6" data-product="{{ product.id }}">
                <h2 class="product-title">{{ productLang.name|default }}</h2>

                {% if product.avarageRating|default %}
                    <div class="ratings-container">
                        <div class="ratings">
                            <div class="ratings-val" style="width: {{ product.avarageRating|round * 20 }}%;"></div><!-- End .ratings-val -->
                        </div><!-- End .ratings -->
                        <span class="ratings-text">( {{ productReviews}} Yorum )</span>
                    </div><!-- End .rating-container -->
                {% endif %}


                {% if productLang.shortDescription|default %}
                    <p class="product-txt">
                        {{ productLang.shortDescription }}
                    </p>
                {% endif %}
                <a class="btn btn-dark" href="{{ detailLink }}">
                    <span>Daha Fazla Detay Görüntüle</span>
                    <i class="icon-long-arrow-right"></i>
                </a>
                <div class="mb-6"></div>


                #}
{# Add Cart #}{#

                {% include "main/Product/Quickview/_add_to_cart.html.twig" %}

                #}
{# Footer #}{#

                {% include "main/Product/Quickview/_footer.html.twig" %}


                <link rel="stylesheet" type="text/css" href="{{ asset('assets/main/vendor/jssocial/jssocials.css') }}" />
                <script src="{{ asset('assets/main/vendor/jssocial/jssocials.min.js') }}"></script>
                <script>
                    Order.init();
                    {% set productDetailFullLink =  app.request.scheme ~'://' ~ app.request.httpHost ~ detailLink  %}

                    #}
{#Site.socialShare('.share','{{  productDetailFullLink  }}');#}{#

                    $(".quickView-container a").off('click').on('click',function () {


                        var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '#previewImg1';
                        window.history.pushState({path:newurl},'',newurl);


                    });
                </script>



            </div>
        </div>
    </div>
</div>



#}


{% import "main/common/Macro/money.html.twig" as money %}
{% set productLang = getProductLang({'product':product}) %}
{% set detailLink = path('main_product_show',{'id':product.id|default,'alias':productLang.alias|default}) %}

{% set productReviews = getProductReviews(product,true) %}


<div class="container quickView-container">
    <div class="quickView-content">
        <div class="row">
            <div class="col-lg-7 col-md-6">
                {# Product Images #}
                {% include "main/Product/Quickview/_images.html.twig" %}
            </div>

            <div class="col-lg-5 col-md-6" data-product="{{ product.id }}">
                <h2 class="product-title">{{ productLang.name|default }}</h2>

                {% if product.avarageRating|default %}
                    <div class="ratings-container">
                        <div class="ratings">
                            <div class="ratings-val" style="width: {{ product.avarageRating|round * 20 }}%;"></div>
                            <!-- End .ratings-val -->
                        </div><!-- End .ratings -->
                        <span class="ratings-text">( {{ productReviews }} Yorum )</span>
                    </div><!-- End .rating-container -->
                {% endif %}


                {% if productLang.shortDescription|default %}
                    <p class="product-txt">
                        {{ productLang.shortDescription }}
                    </p>
                {% endif %}
                <a class="btn btn-dark" href="{{ detailLink }}">
                    <span>Daha Fazla Detay Görüntüle</span>
                    <i class="icon-long-arrow-right"></i>
                </a>
                <div class="mb-6"></div>


                {# Add Cart #}
                {% include "main/Product/Quickview/_add_to_cart.html.twig" %}

                {# Footer #}
                {% include "main/Product/Quickview/_footer.html.twig" %}


                <link rel="stylesheet" type="text/css" href="{{ asset('assets/main/vendor/jssocial/jssocials.css') }}"/>
                <script src="{{ asset('assets/main/vendor/jssocial/jssocials.min.js') }}"></script>
                <script>
                    Order.init();
                    {% set productDetailFullLink =  app.request.scheme ~'://' ~ app.request.httpHost ~ detailLink %}

                    {#Site.socialShare('.share','{{  productDetailFullLink  }}');#}
                    $(".quickView-container a").off('click').on('click', function () {


                        var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '#previewImg1';
                        window.history.pushState({path: newurl}, '', newurl);


                    });
                </script>


            </div>
        </div>
    </div>
</div>