{#{% set productVariant = getProductVariantInfo(product) %}#}{#

#}
{#{% set productPrice = productVariant.productPrice|default %}#}{#

{% import "main/common/Macro/money.html.twig" as money %}

{% set productVariant = product.id|product_variant %}


<div class="product-details" data-product="{{ product.id }}">
    <h1 class="product-title">{{ productLang.name|default }}</h1><!-- End .product-title -->

    {% 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 -->
            <a class="ratings-text" href="#product-review-link" id="review-link">( {{ productReviews|length}} Yorum )</a>
        </div><!-- End .rating-container -->
    {% endif %}

    <div class="product-price">
        {{ money.calculatePrice(product.id|product_variant,{'originalPrice':1}) }}
    </div><!-- End .product-price -->

    <div class="product-content">
        {% if productLang.shortDescription|default %}
            <p class="product-txt">
                {{ productLang.shortDescription }}
            </p>
        {% endif %}
    </div><!-- End .product-content -->


    #}
{# Add Cart #}{#

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


    {% set mainCategory = product.mainCategory %}
    {% set otherCategories = product.otherCategories %}


    {% include "main/Product/Show/_product_story.html.twig" %}

    <div class="product-details-footer">



        <ul class="features">
            {% if productVariant.isTracked == false or productVariant.stock > 0 %}
            <li>
                <span class="icon">
                    <img src="{{ asset('assets/main/images/custom/icons/check-circle.svg') }}" alt="">
                </span>
                <span class="title">
                    {{ "product.detail.features.in_stock"|trans }}
                </span>
            </li>
            {% endif %}
            {% if productGroupAssingControl(product.id,"same-day-shipping") %}
            <li>
                <span class="icon">
                    <img src="{{ asset('assets/main/images/custom/icons/package.svg') }}" alt="">
                </span>
                <span class="title">
                   {{ "product.detail.features.same_day_shipping"|trans }}
                </span>
            </li>
            {% endif %}
        </ul>

    </div><!-- End .product-details-footer -->


    {% include "main/Product/Show/_description.html.twig" %}

    <hr>

    <div class="product-details-tab">
        <ul class="nav nav-pills justify-content-center" role="tablist">
            <li class="nav-item">
                <a class="nav-link" id="product-review-link" data-toggle="tab" href="#product-review-tab" role="tab" aria-controls="product-review-tab" aria-selected="false">{{ "product.detail.tab.reviews"|trans }} ({{ productReviews|length|default("0") }})</a>
            </li>
#}
{#            <li class="nav-item">#}{#

#}
{#                <a class="nav-link " id="product-installment-link" data-toggle="tab" href="#product-installment-tab" role="tab" aria-controls="product-installment-tab" aria-selected="false">{{ "product.detail.tab.installament_options"|trans }}</a>#}{#

#}
{#            </li>#}{#

        </ul>
        <div class="tab-content">

            {% include "main/Product/Show/_tab_reviews.html.twig" %}

#}
{#            {% include "main/Product/Show/_tab_installment.html.twig" %}#}{#


        </div><!-- End .tab-content -->
    </div><!-- End .product-details-tab -->

#}
{#    <div class="product-detail-link">#}{#

#}
{#        <a href="#" class="btn btn-dark">Yorumlar</a>#}{#

#}
{#        <a href="#" class="btn btn-dark">Taksitler</a>#}{#

#}
{#    </div>#}{#


</div><!-- End .product-details -->
#}


{#{% set productVariant = getProductVariantInfo(product) %}#}
{#{% set productPrice = productVariant.productPrice|default %}#}
{% import "main/common/Macro/money.html.twig" as money %}

{% set productVariant = product.id|product_variant %}


<div class="product-details" data-product="{{ product.id }}">
    <h1 class="product-title">{{ productLang.name|default }}</h1><!-- End .product-title -->

    {% 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 -->
            <a class="ratings-text" href="#product-review-link" id="review-link">( {{ productReviews|length }} Yorum
                )</a>
        </div><!-- End .rating-container -->
    {% endif %}

    <div class="product-price">
        <del>{#{{ money.calculatePrice(productVariant) }}#}</del>
        <span>{{ money.calculatePrice(productVariant) }}</span>
    </div><!-- End .product-price -->

    <div class="product-content">
        {% if productLang.shortDescription|default %}
            <p class="product-txt">
                {{ productLang.shortDescription }}
            </p>
        {% endif %}
    </div><!-- End .product-content -->


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


    {% set mainCategory = product.mainCategory %}
    {% set otherCategories = product.otherCategories %}


    {% include "main/Product/Show/_product_story.html.twig" %}

    <div class="product-details-footer">


        <ul class="features">
            {% if productVariant.isTracked == false or productVariant.stock > 0 %}
                <li>
                <span class="icon">
                    <img src="{{ asset('assets/main/images/custom/icons/check-circle.svg') }}" alt="">
                </span>
                    <span class="title">
                    Stokta Var
                </span>
                </li>
            {% endif %}
            {% if productGroupAssingControl(product.id,"same-day-shipping") %}
                <li>
                <span class="icon">
                    <img src="{{ asset('assets/main/images/custom/icons/package.svg') }}" alt="">
                </span>
                    <span class="title">
                    Aynı Gün Kargo
                </span>
                </li>
            {% endif %}
        </ul>

    </div><!-- End .product-details-footer -->


    {% include "main/Product/Show/_description.html.twig" %}

    <hr>


    {#    <div class="product-detail-link">#}
    {#        <a href="#" class="btn btn-dark">Yorumlar</a>#}
    {#        <a href="#" class="btn btn-dark">Taksitler</a>#}
    {#    </div>#}

</div><!-- End .product-details -->