{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
    {% set quick_view_video_tab = (ob_project_search_configuration_rule.search_page.quick_view.option.product_video is defined and ob_project_search_configuration_rule.search_page.quick_view.option.product_video.status == 1)?true:false %}
    {% set quick_view_review_tab = (ob_project_search_configuration_rule.search_page.quick_view.option.review_rating is defined and ob_project_search_configuration_rule.search_page.quick_view.option.review_rating.status == 1)?true:false %}
    {% block header_js_varibale %}{% endblock header_js_varibale %}
	<div class="modal-dialog modal-lg">
        <div class="modal-content">
            <a aria-label="Close" data-dismiss="modal" class="close" href="#">×</a>
            <div class="modal-header">
                <h1 class="modal-title"><i class="heading-icon review-icon"></i> {{ 'search.quick_view'|trans({},"goldstar") }}</h1>
            </div>
            <div class="modal-body">
                <div role="tabpanel">
                    <ul role="tablist" class="nav nav-tabs">
                    	{% if quick_view_product_detail_tab %}
                        	<li class="active" role="presentation"><a data-toggle="tab" role="tab" aria-controls="product-detail" href="#product-detail">{{ 'products_details'|trans }}</a></li>
                        {% endif %}	
                        {#% if quick_view_supplier_detail_tab %}
                        	<li role="presentation"><a data-toggle="tab" role="tab" aria-controls="supplier-detail" href="#supplier-detail">{{ 'products_detail.supplier_information'|trans }}</a></li>
                   		{% endif %}
                   		{% if quick_view_video_tab %} 
                        	<li role="presentation"><a data-toggle="tab" data-attribute="{{ product_id }}" class="js-product-video-model" role="tab" aria-controls="product-video" href="#product-video">{{ 'products_detail.video'|trans }}</a></li>
                        {% endif %#}
                        {% if quick_view_video_tab and ob_project_configuration_rule.search.search_page.quick_view.option.product_video.status == 1  %} 
                            <li role="presentation"><a data-toggle="tab" data-attribute="{{ product_id }}" class="js-product-video-model" role="tab" aria-controls="product-video" href="#product-video">{{ 'products_detail.video'|trans }}</a></li>
                        {% endif %}
                   		{% if quick_view_review_tab and ob_project_configuration_rule.search.search_page.quick_view.option.review_rating.status == 1  %} 
                        	<li role="presentation"><a data-toggle="tab" data-attribute="{{ product_id }}" class="js-Rating-review-model" role="tab" aria-controls="rating-review" href="#rating-review">{{ 'products_detail.rating_reviews'|trans }}</a></li>
                        {% endif %}
                    </ul>
                    <div class="tab-content">
                    	{% if quick_view_product_detail_tab %}
                        	<div id="product-detail" class="tab-pane active" role="tabpanel">
                        		{% block product_quick_view_product_detail %}{% endblock product_quick_view_product_detail %}
                        	</div>
                        {% endif %}
                        {% if quick_view_supplier_detail_tab %}
                        	<div id="supplier-detail" class="tab-pane" role="tabpanel">
                        		{% block product_quick_view_supplier_detail %}{% endblock product_quick_view_supplier_detail %}
                        	</div>
                        {% endif %}
                        {% if quick_view_video_tab %}
                        	<div id="product-video" class="tab-pane" role="tabpanel">
    							{% block product_quick_view_product_video %}{% endblock product_quick_view_product_video %}
                        	</div>
                        {% endif %}
                        {% if quick_view_review_tab and ob_project_configuration_rule.search.search_page.quick_view.option.review_rating.status == 1 %}
    	                    <div id="rating-review" class="tab-pane" role="tabpanel">
    		                    <div class="ob-quick-view-product">
    			                    <div id="js-Rating-review"></div>
    	        	            </div>
    	                    </div>
                        {% endif %}
                    </div>
                </div>
          </div>
        </div>
    </div>
    {% javascripts '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/jquery.zoom.js'
    			   '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/jquery.elevatezoom.js'
    			   '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/transaction-custom.js'
    			   '@OfficeBrainPageBundle/Resources/public/js/bundle/close_btn.js' 
                   '@OfficeBrainPageBundle/Resources/public/js/bundle/plusminus-dropdown.js'
                   '@OfficeBrainPageBundle/Resources/public/js/bundle/product_detail.js'
                   '@OfficeBrainPageBundle/Resources/public/js/bundle/print.js'
                   '@OfficeBrainProductBundle/Resources/public/js/common.js'
                   '@OfficeBrainSearchBundle/Resources/public/js/search.js'
                   output = 'js/product_detail_quick_view.js'  filter="yui_js"
  	%}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock ajax_body %}