{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme~':ProductDetail/embededProductLayout.html.twig' %}
{% block main_image_title %}
    <h3>{{ product_detail.basic_information.title }}</h3>
    <div class="print-main-img">
        {# 			<img src="{{ asset(ob_project_assets_base_url ~ '/images/large-image-1.jpg')}}"	alt="Product image" class="img-responsive"> #}
        {#             <img src="{{ product_detail.basic_information.default_image_thumb_url }}" alt="Product image" class="img-responsive">#}
        <img src="{{ product_detail.basic_information.default_image_url }}" alt="Product image" class="img-responsive">
    </div>
{% endblock main_image_title %}

{% block variation_image %}
    <div class="print-total-thumb">
        {% for variation_img in product_detail.images %}
            <div class="print-thumb">
                <a href="javascript:void(0)" class="product-print-thumb-img">
                    <img src="{{ variation_img.url }}" alt="product-image">
                </a>
            </div>
        {% endfor %}
    </div>
{% endblock variation_image %}

{% block description %}
    <div class="clearfix"></div>
    <div class="print-product-desc">
        <h3 class="print-sub-title">{{ 'products_detail.description'| trans({},"app") }}</h3>
        <p>{{ product_detail.basic_information.description|striptags|html_entities }}</p>
    </div>
{% endblock description %}

{% block attributes %}
    <div class="clearfix"></div>
    <div class="print-product-detail">
        <h3 class="print-sub-title">{{ 'products_details'| trans({},"app") }}</h3>
        <div class="row">
            {% for attributes in product_detail.attributes %}
                <div class="col-lg-5 col-xs-12">
                    <label>{{ attributes.label }} :</label>
                </div>
                <div class="col-lg-7 col-xs-12">
                    <span>
                        {% for key,value in attributes.values %}
                            {% if loop.last %}{{ value }}. {% else %}{{ value }}, {% endif %}
                        {% endfor %}
                    </span>
                </div>
            {% endfor %}
        </div>
        <p>
            {{ 'products_detail.upto_4_assorted'|trans|raw }}
        </p>
    </div>
{% endblock attributes %}

{% block shipping %}
    <div class="clearfix"></div>
    <div class="product-print-shipping">
        <h3 class="print-sub-title">{{ 'production_and_shipping'| trans({},"app") }}</h3>
        <div class="row">
            {% if product_detail.shipping_information is defined %}
                {% for key,value in product_detail.shipping_information %}
                    <div class="col-lg-5 col-sm-5 col-md-5 col-xs-6">
                        <label>{{ key }} :</label>
                    </div>
                    <div class="col-lg-7 col-sm-7 col-md-7 col-xs-6">
                        <span>
                            {% if value is iterable %}
                                {% for att,val in value %}
                                    {% if loop.last %}
                                        {{ att }} = {% for qty in val %} {{ qty }}{% endfor %}.
                                    {% else %}
                                        {{ att }} = {% for qty in val %} {{ qty }}{% endfor %},
                                    {% endif %}
                                {% endfor %}
                            {% else %}
                                {{ value }}
                                <!--  HERE IS THE SPAN AND DIV CLOSING -->
                            {% endif %}
                        </span>
                    </div>
                {% endfor %}
            {% endif %}
        </div>
    </div>
{% endblock shipping %}

{% block product_detail %}
    <div class="skuprice">
        <div class="col lg-4 col-md-4 col-sm-4 col-xs-12">
            {{ 'search.item_code'| trans({},"app") }} : <span>{{ product_detail.basic_information.sku_number }}</span>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 print-code text-center">
            {{ 'brand_name'| trans({},"app") }}: <span>{{ product_detail.brand.name }}</span>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center print-rating">
            <div class="product-rating-top-block">
                <div class="rating">
                    {{ product_detail.rating|rating|raw }}
                </div>
            </div>
        </div>
    </div>
{% endblock product_detail %}

{% block color %}
    {% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':ProductDetail/Elements/colorPanel.html.twig' with {'print_product':true,'attributes':product_detail.attributes} %}
    {# 		<div class="product-section-box product-print-color">#}
    {# 		<h3 class="print-sub-title">{{ 'products_detail.colors'|trans }}</h3>#}
    {# 		<div class="color-box">#}
    {# 			<ul>#}
    {# 				<li><input type="checkbox" value="True" name="lists[weekly]"#}
    {# 					id="weekly1"> <label style="background-color: #f00;" for="weekly1"></label>#}
    {# 				</li>#}
    {# 			</ul>#}
    {# 		</div>#}
    {# 	</div>#}
{% endblock color %}

{% block colomn_qty_price %}
    <div class="clearfix"></div>
    <div class="product-print-price">
        <h3 class="print-sub-title">{{ 'products_detail.quantity_price'|trans }}</h3>
        <h4 class="print-child-title">{{ 'products_detail.normal_production'|trans }}</h4>
        <div class="row">
            <div class="col-lg-4 col-xs-12">
                <label>{{ 'products_detail.imprint_option'|trans }} : {{ 'products_detail.printed'|trans }}</label>
            </div>
            <div class="col-lg-4 col-xs-12">
                <span>{{ 'products_detail.less_order_quantity_note'|trans }}</span>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="estimate-table table-scroll">
            {% set  price_type_from_api = 'decorative' %}
            {% if product_detail.decorative_pricing is defined and product_detail.decorative_pricing and product_detail.decorative_pricing == 1 %}
                {% set  price_type_from_api = 'decorative' %}
            {% elseif product_detail.blank_pricing is defined and product_detail.blank_pricing and product_detail.blank_pricing == 1 %}
                {% set  price_type_from_api = 'blank' %}
            {% endif %}
            {% include ob_project_instance_theme_path~':'~ob_project_instance_theme~':ProductDetail/Elements/quantityWisePricePanel.html.twig' with {'price_array_type':price_type_from_api, 'price_type' : product_detail.price_type ,'price_array':product_detail.pricing,show_table:'yes' } %}
        </div>
        <h4 class="print-child-title">{{ 'products_detail.price_includes'|trans }}: N/A</h4>
        <p>{{ 'products_detail.purchase_order_print_note'|trans }}</p>
    </div>
{% endblock colomn_qty_price %}

{% block saftey %}
    <div class="clearfix"></div>
    <div class="print-safety-compliance">
        <h3 class="print-sub-title">{{ 'products_detail.safety_warnings_heading'|trans }}</h3>
        <div>
            <label>{{ 'products_detail.safety_warnings'|trans }} :<span> {{ 'products_detail.safety_warnings_content'|trans }}</span></label>
            <label>{{ 'products_detail.certifications_compliance'|trans }} :<span> {{ 'products_detail.certifications_compliance_prop'|trans }}</span></label>
            <p>{{ 'products_detail.certifications_compliance_content'|trans }}</p>
        </div>
    </div>
{% endblock saftey %}