{% extends 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:themeModalBase.html.twig' %}

{% block modal_header_icon %}<i class="fa fa-envelope fa-fw"></i>{% endblock modal_header_icon %} 
{% block modal_header_title %}{% endblock modal_header_title %}
{% block modal_extra_class %}modal-lg{% endblock modal_extra_class %}

{% block modal_body_content %}
	<div class="request-info-modal">
		<div class="col-lg-6 col-md-6 col-sm-6">
			<div class="skuprice popup-title">
            	<div class="col lg-4 col-md-4 col-sm-12 col-xs-12">{{ 'request_info.id'|trans }} : <span>{{ request_info_id }}</span></div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 text-center">{{ 'request_info.created_date'|trans }}:<span>{{ request_info_created_at |dateFormat }}</span></div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 text-center">{{ 'request_info.total_item'|trans }} : <span>{{ request_info_total_product }}</span></div>
			</div>
			<div id="style-1" class="scrollbar">
			     <div class="force-overflow bordered">
                    <div class="product-section-box">
			     {#}  <div class="panel-group" id="accordion">{#}
            	{% block request_info_product_list %}{% endblock request_info_product_list %}
				<div class="panel-group info-block">
                   	<div class="panel-heading">
                   	    <h2 class="panel-title heading-block request-quote-tab"><i>2</i> {{ 'request_info.my_info'|trans }}</h2>
                           	<a class="js-add-class tab-quantity collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                           		<i class="caret-icon"></i>
                           	</a>
					</div>
                   	<div id="collapseThree" class="panel-collapse collapse">
                       	<div class="panel-body address-req-info">
		                   	<div class="">
		                       	{% block request_info_customer_info %}{% endblock request_info_customer_info %}
							</div>
						</div>
					</div>
				</div>				
			{#}</div>{#}
		</div>
		</div></div></div>
    	<div class="col-lg-6 col-md-6 col-sm-6">
			<div class="product-section-box">
            	<h2 class="heading-block no-tag">{{ 'post_comment'|trans({},'goldstar') }}</h2>
                <div class="request-comment-info">
					<p>{{ 'comment_request_info.comment_descr'|trans }}</p>
					<div id="js-comment-list-ajaxresponse">
						{% block request_info_comment_list %}{% endblock request_info_comment_list %}
					</div>
					<div class="request-post-comment">
                    	{% block request_info_add_comment_form %}{% endblock request_info_add_comment_form %}
					</div>
				</div>
			</div>
		</div>
	</div>
	{% javascripts '@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/javascript/request_info_collapse.js'
     %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock modal_body_content %}