{% extends 'D2ShopBundle::base_admin.html.twig' %}

{% macro option_row(item) %}
	<td>
		<div class="well">
		<table>
			<tr>
				<td>{{ form_label(item.option_name) }}</td>
				<td>{{ form_widget(item.option_name) }}</td>
				<td>{{ form_errors(item.option_name) }}</td>
			</tr>
		</table>
		</div>
	</td>
{% endmacro %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2shop/js/attribute_options.js') }}"></script>
{% endblock head_script_extra %}

{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('admin_shop_attribute_view') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			Add new <code>{% trans %}Product Attribute{% endtrans %}</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<form action="{{ path('admin_shop_attribute_create', { 'id': entity.id }) }}" {{ form_enctype(form) }} method="POST" class="form-general">
			<table style="width:100%">
				<tr style="vertical-align:top">
					<td style="width:60%">
						<h2 class="form-signin-heading">Product Attribute</h2>
						<table>
							<tr id='row_name'>
								<td>{{ form_label(form.attribute_name) }}</td>
								<td>{{ form_widget(form.attribute_name) }}</td>
								<td>{{ form_errors(form.attribute_name) }}</td>
							</tr>
						</table>
					</td>
					<td colspan="1"></td>
					<td>
						<h3 class="form-signin-heading">Attribute Options</h3>
						<table>
							<tr id="row_options">
								<td colspan="3">
									<table id='table_option' data-prototype="{{ _self.option_row(form.options.vars.prototype)|e }}" style="margin-left:0px">
										{% for option in form.options %}
										<tr class="option">
											<td>
												<div class="well">
													<table>
														<tr id='option_row'>
															<td>{{ form_label(option.option_name) }}</td>
															<td>{{ form_widget(option.option_name) }}</td>
															<td>{{ form_errors(option.option_name) }}</td>
														</tr>
													</table>
												</div>
											</td>
										</tr>
										{% endfor %}
									</table>
								</td>
							</tr>
							<tr id="control_add_option">
								<td colspan="2"></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			{{ form_rest(form) }}
			<div>
				<input class="btn btn-lg btn-default pull-right" type="submit" value="Save" />
			</div>
		</form>
	</div>
</div>
{% endblock content %}