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

{% block breadcrumb %}
        <li><a href="{{path('officebrain_bundle_product_list_product_wo_culture',params_to_append)}}">{{ 'PRODUCT_LIST.PRODUCT'|trans }}</a> /</li>
        <li>{{ 'product_add_edit.view_product'|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1>{{ data.basic_information.title }}</h1>{% endblock main_page_title %}
{% block main_content %}

<div class="page-content">
    <nav class="navbar navbar-default top-dropdown">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <form method="get">
                        <div class="top-title-form pull-right">
                            {% if ob_project_product_management_access_rule.option.product.option.edit.status == 1 %}
	                            <a href="{{ path('officebrain_product_edit',params_to_append|merge({'master_product_id': data.product_id })) }}" class="admin-custom-btn" >
	                                <i class="fa fa-edit"></i>&nbsp;{{ 'Edit'|trans }}
	                            </a>
                            {% endif %}
                            <a href="{{path('officebrain_bundle_product_list_product_wo_culture',params_to_append)}}" class="admin-custom-btn">
                                <i class="fa fa-close"></i>Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </nav>
    <div class="ui-table-block col-lg-12 col-md-12 col-xs-12">
        <div class="ui-content-block">
            
            {% if data.attributes|length > 0 %}
            <div class="ui-table-col">
                <div class="block-header">{{ 'admin_product_detail.ATTRIBUTES'|trans }}</div>
                <div class="block-content">
					<form name="extrasize" id="js_extra_size" action="{{path('officebrain_product_sizeExtraChargepost')}}" method="post">
                    <table class="product-table">
                        <tbody>
							{% set isSize = false %}
                            {% for attribute in data.attributes %}
								{% if attribute.id == 11 and attribute.values is defined %}
									{% set isSize = true %}
									<tr>
										<th>{{ (attribute.label is defined) ? attribute.label : ''}}</th>
										<th><label>{{ 'admin_product_detail.VALUES'|trans }}</label></th>
									</tr>
									{% for attrValue in attribute.values %}
										<tr>
											<td><span>{{ attrValue}}</span></td>
											<td><input type="text" name="extraCharge[{{attrValue}}]" class="js_size" value="{{(exchargeData[attrValue] is defined) ? exchargeData[attrValue] : 0 }}" /></td>
										</tr>
									{% endfor %}
								{% endif %}
								{% endfor %}
                            {% if isSize==false %}
							<tr>
                                <td colspan="2">No size attribute.</td>
                            </tr>
                            {% endif %}
                        </tbody>
                    </table>
                    <input type="hidden" name="product_id" value="{{data.product_id}}" id="js_product_id"/>
                    </form>
                </div>
                <a href="javascript:void(0);" class="admin-custom-btn" id="js_save_extracharges"><i class="fa fa-edit"></i>&nbsp;Save</a>
                    </a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
<style>
#js_save_extracharges{
	margin-left: 15px;
	margin-bottom: 15px;
}
</style>
{% endblock main_content %}