<% expands('layouts/chimera');

Router.setBreadcrumb([
	{title: __d('chimera', 'Dashboard'), route: 'chimera@Dashboard'},
	{title: model_title, route: 'chimera@ModelAction', parameters: {action: 'index'}},
	{title: display_field_value, route: 'chimera@RecordAction'}
]);

set_title(__('chimera', 'Edit {model_name} record: "{name}"', {name: display_field_value, model_name: model_title}));

group_size = Object.size(groups);

start('chimera-cage') %>
<div class="container-fluid half-padding chimera-editor">
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-danger">
				<div class="panel-heading">
					<div class="chimeraEditor-actions">
						<% Chimera.printActions('record-edit', {
							className : 'btn btn-default',
							variables : {
								main_btn_class : 'btn-success',
								force_inline   : true
							}
						}, record) %>
					</div>

					<h3 class="panel-title chimera-panel-title">
						<%= __('chimera', 'Edit {model_name} record: "{name}"', {name: display_field_value, model_name: model_title}) %>
					</h3>
				</div>
				<div class="panel-body">
					<ul role="tablist" class="nav nav-tabs group-size-<%= group_size %>">
						<li class="dropdown pull-right tabdrop hide">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#">
								<i class="icon-align-justify"></i> <b class="caret"></b>
							</a>
							<ul class="dropdown-menu"></ul>
						</li>
						<% index = 0 %>
						<% for (name in groups) { %>
							<li role="presentation" class="<%= index++ == 0 ? 'active' : '' %>">
								<a
									href="#<%= name.slug() %>"
									aria-controls="<%= name.slug() %>"
									role="tab"
									data-toggle="tab"
								>
									<%= name.titleize() %>
								</a>
							</li>
						<% } %>
					</ul>
					<div class="tab-content">
						<% index = 0 %>
						<% for (name in groups) { %>
							<div id="<%= name.slug() %>" role="tabpanel" class="tab-pane <%= index++ == 0 ? 'active' : '' %>">
								<div class="form-horizontal">
									<%
										fields = groups[name][0].fields;
										for (i = 0; i < fields.length; i++) {
											Chimera.printField(fields[i]);
										}
									%>
								</div>
							</div>
						<% } %>
					</div>
				</div>

				<div class="panel-footer">
					<% Chimera.printActions('record-edit', {
						className : 'btn btn-default',
						variables : {
							main_btn_class : 'btn-success',
							force_inline   : true
						}
					}, record) %>
				</div>
			</div>
		</div>
	</div>
</div>
<% end('chimera-cage') %>