{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}
        <li> {{ 'admin_product_detail.MATRIX'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1>{{ 'admin_product_detail.MATRIX_LIST'|trans }}</h1>{% endblock main_page_title %}

{% block main_content %}

<div class="page-content">
	<div class="ui-table-block col-lg-12 col-md-12 col-xs-12">
		<div class="ui-content-block">
		 	{% for matrixType,matrixData in data.matrix_data %}
				<div class="ui-table-col">
					<div class="block-header">{{ matrixType }}</div>
					<div class="block-content">
 					{% if matrixData.from_to|length > 0 %}
                        <table class="product-table">
                            <tbody>
								<tr>
									<td>
										<label>{{ 'admin_product_detail.FROM'|trans }}</label>
									</td>
									{% for fromToKey,fromTo in matrixData.from_to %}
                                     	<td>
                                    		<span>{{ fromTo.from_qty }}</span>
                                    	</td>
                                	{% endfor %}
                                </tr>
                                 <tr>
 									<td>
 										<label>{{ 'admin_product_detail.TO'|trans }}</label>
 									</td>
 									{% for fromToKey,fromTo in matrixData.from_to %}
                                     	<td>
                                    		<span>{{ fromTo.to_qty }}</span>
                                    	</td>
                                	{% endfor %}
                                </tr>
								{% for matrixValuesKey,matrixValues in matrixData.matrix_values %}
									{% if matrixValues|length > 0 %}
										<tr>
											<td><label>{{ matrixValuesKey }}</label></td>
											{% for matrixValue in matrixValues %}
											<td><span>{{ matrixValue.rate }}</span></td>
											{% endfor %}	
										</tr>
	 								{% endif %}		
                                {% endfor %}
                            </tbody>
                        </table>
                    {% endif %}
					</div>
				</div>
		 	{% endfor %}
		</div>
	</div>
</div>
{% endblock main_content %}