{extends Layout}

{block content}
			{!$form['open']}

			<ul class="nav nav-tabs">
			{loop $form['fieldsets'] as $legend => $fieldset}
				<li><a href="{$url}#{$legend|webalize}" data-toggle="tab" data-target-tab="{$legend|webalize}">{$legend}</a></li>
			{/loop}
				<li><a href="{$url}#interaktivne-body" data-toggle="tab" data-target-tab="interaktivne-body">Ineraktívne body</a></li>
			</ul>

			<div class="tab-content">
			{loop $form['fieldsets'] as $legend => $fieldset}
				<div class="tab-pane" id="{$legend|webalize}">
					<fieldset>
					{loop $fieldset as $element}
						<div {class "control-group", $element['error'] ? "error"}>
							{if $element['type'] === 'checkbox'}
							<div class="controls">
								<label class="checkbox" for="{$element['name']}">
									<input type="checkbox" name="{$element['name']}"> {if $element['label'][0] !== '!'}{$element['label']}{/if}
								</label>
							</div>
							{else}

							{if  $element['label'][0] !== '!'}
							<label class="control-label" for="{$element['name']}">{$element['label']}</label>
							{/if}
							<div class="controls">
								{if $element['type'] === 'textarea'}
								<textarea name="{$element['name']}" class="{$element['class']}" id="{$element['name']}" rows="10">{$element['value']}</textarea>
								{elseif $element['type'] === 'select'}
								<select  name="{$element['name']}">
									{loop $element['values'] as $value => $text}
									<option value="{$value}" {if $value == $element['value']}selected{/if}>{$text}</option>
									{/loop}
								</select>
								{else}
								<input type="{$element['type']}" name="{$element['name']}" value="{$element['value']}" class="{$element['class']}" id="{$element['name']}" />
								{/if}

								{if $element['error'] !== NULL}
								<p class="help-block error">{$element['error']}</p>
								{/if}
								{if $element['note'] !== NULL}
								<p class="help-block">{$element['note']}</p>
								{/if}
							</div>
							{/if}
						</div>

						{if $legend === 'Fotografia'}
						<div>
							<img src="{url photo 'photo',$photo['file'],'400x400'}">
						</div>
						{/if}
					{/loop}
					</fieldset>
				</div>
			{/loop}
				<div class="tab-pane" id="interaktivne-body">
					<fieldset>
						<div class="control-group">
							<a href="{url admin_add_photo_hotspot $photo['id']}" class="btn">Pridať bod</a>
						</div>

						<table class="table table-striped table-bordered table-hover">
							{loop $photo['hotspots'] as $hotspot}
							<tr>
								<td>
									{$hotspot['title']}
									<div class="btn-group pull-right">
										<a class="btn btn-small" href="{url admin_edit_photo_hotspot $hotspot['id']}"><i class="icon icon-pencil"></i></a>
										<a class="btn btn-small" href="{url admin_delete_photo_hotspot $hotspot['id']}"><i class="icon icon-trash"></i></a>
									</div>
								</td>
							</tr>
							{/loop}
						</table>
					</fieldset>
				</div>
			</div>

			<div class="hidden">
			{loop $form['hidden'] as $hidden}
				<input type="hidden" name="{$hidden['name']}" value="{$hidden['value']}" />
			{/loop}
			</div>

			<div class="btn-group form-actions">
			{loop $form['buttons'] as $button}
				<button type="submit" class="btn {$button['class']}" name="{$button['name']}" class="{$button['class']}">{$button['value']}</button>
			{/loop}
			</div>

			{!$form['close']}
{/block}