{extends ../../../Core/Templates/Layout}

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

	<ul class="nav nav-tabs">
		<li><a href="{$url}#ikona" data-toggle="tab" data-target-tab="ikona">Ikona</a></li>
	{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}#fotografie" data-toggle="tab" data-target-tab="fotografie">Fotografie</a></li>
		<li><a href="{$url}#umiestnenie" data-toggle="tab" data-target-tab="umiestnenie">Umiestnenie</a></li>
	</ul>

	<div class="tab-content">
		<div class="tab-pane" id="ikona">
			<fieldset>
			{loop $hotspots_icons as $icon}
				<span style="width: {$hotspots_icons_width}px; height: {$hotspots_icons_height}px; background-image: url('.{$hotspots_icons_dir}/{$icon}');" {class 'hotspot-icon', $hotspot['icon'] === $icon ? 'current'} data-file="{$icon}"></span>
			{/loop}
			</fieldset>
		</div>

	{loop $form['fieldsets'] as $legend => $fieldset}
		<div class="tab-pane" id="{$legend|webalize}">
			<fieldset>
			{loop $fieldset as $element}
				{include ../../../Core/Templates/FormElement}
			{/loop}
			</fieldset>
		</div>
	{/loop}

		<div class="tab-pane hotspot-photos-edit" id="fotografie">
			<fieldset>
				<div class="btn-toolbar">
					<div class="btn-group control-group">
						<a href="#" class="btn hotspot-photopicker">Pridať zo servera</a>
						<a href="#" class="btn hotspot-photo-uploader">Pridať z disku</a>
					</div>
					<div class="btn-group control-group">
						<a href="#" class="btn select-all">Vybrať všetky</a>
						<a href="#" class="btn deselect-all">Zrušiť výber</a>
					</div>
					<div class="btn-group control-group">
						<a href="#" class="btn delete-selected confirm">Zmazať vybrané</a>
					</div>
				</div>

				<ul class="thumbnails sortable">
				{loop $hotspot['photos'] as $p}
					<li class="span2">
						<div class="thumbnail">
							<h5>{$p['old_file']}</h5>
							<img src="{url photo $p['file'],'crphoto','160x106'}" rel="tooltip" title="{$p['old_file']}" data-photoid="{$p['id']}">

							<div class="panel">
								<div class="btn-group pull-right">
									<a href="{url adminEditPhoto $photo['id']}" class="btn btn-mini new-window" title="upraviť"><i class="icon icon-pencil"></i></a>
									<a href="" class="btn btn-mini delete" title="zmazať"><i class="icon icon-trash"></i></a>
								</div>

								<div class="clearfix"></div>
							</div>
						</div>
					</li>
				{/loop}
				</ul>
			</fieldset>
		</div>

		<div class="tab-pane" id="umiestnenie">
			<fieldset>
				<div class="hotspot-image-wrapper">
					<img src="{url photo $photo['file'],'photo','2000x2000'}" class="hotspot-image" data-width="{$photo['width']}" data-height="{$photo['height']}">
				</div>
			</fieldset>
		</div>
	</div>

	{include ../../../Core/Templates/FormFooter}

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