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

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

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2content/js/nav_admin.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_content_nav_view') }}" class="btn btn-sm btn-default">Back</a>
		</div>
		<div>
			Add new <code>Nav</code>.
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-offset-2 col-md-8">
		<form id="nav_form" action="{{ path('admin_content_nav_create') }}" method="post" {{ form_enctype(form) }} class="form-general">
			<table style="width:100%">
				<tr style="vertical-align:top">
					<td>
						<h2 class="form-signin-heading">New Nav</h2>
						<table>
							<tr id='row_title'>
								<td>{{ form_label(form.title) }}</td>
								<td>{{ form_widget(form.title) }}</td>
								<td>{{ form_errors(form.title) }}</td>
							</tr>
							<tr id='row_nav_type'>
								<td>{{ form_label(form.nav_type) }}</td>
								<td>{{ form_widget(form.nav_type) }}</td>
								<td>{{ form_errors(form.nav_type) }}</td>
							</tr>
						</table>
					</td>
					<td colspan="1"></td>
					<td>
						<h3 class="form-signin-heading">Nav Items</h3>
						<table>
							<tr id="row_allocation_items">
								<td colspan="3">
									<table id='table_nav_items' data-prototype="{{ _self.nav_item_row(form.nav_items.vars.prototype)|e }}" style="margin-left:0px">
										{% for nav_item in form.nav_items %}
										<tr class="nav_item">
											<td>
												<div class="well">
													<table>
														<tr id='nav_item_title_row'>
															<td>{{ form_label(nav_item.title) }}</td>
															<td>{{ form_widget(nav_item.title) }}</td>
															<td>{{ form_errors(nav_item.title) }}</td>
														</tr>
														<tr id='nav_item_content_row'>
															<td>{{ form_label(nav_item.content) }}</td>
															<td>{{ form_widget(nav_item.content) }}</td>
															<td>{{ form_errors(nav_item.content) }}</td>
														</tr>
													</table>
												</div>
											</td>
										</tr>
										{% endfor %}
									</table>
								</td>
							</tr>
							<tr id="control_add_nav_items">
								<td colspan="2"></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			{{ form_rest(form) }}
			<div>
				<button class="btn btn-ld btn-default pull-right" type="submit">Save</button>
			</div>
		</form>
	</div>
</div>
{% endblock content %}