{**
  * TERM OF USE "Paginated Featured Products" is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
  *
  * @author    Orange35 <info@orange35.com>
  * @copyright 2007-2015 Orange35
  *  @license   http://creativecommons.org/licenses/by-nc-sa/3.0/
  *}

<fieldset>
	<legend>
		<img src="{$base_slider_url}logo.gif"/>{l s='Hotspot Popup Theme' mod='advancedhotspotslider'}
	</legend>
	<form action="{$action}" method="post">
		<input type="hidden" name="actionDone" value="saveHotSpotConfiguration"/>
			<div class="margin-form" style="padding-left: 0; margin-left: -10px;">
				<table cellpadding="10">
					<tr>
					{foreach from=$allowed_spots_styles item=style name='spotForeach'}

							<td>
								<input type="radio" name="spots_style" id="spots_style_{$style}"
									   {if $style == $spots_style}checked="checked"{/if}
									   value="{$style}"/>
								<label class="t"
									   for="spots_style_{$style}">{l s="{$style|ucfirst}" mod='advancedhotspotslider'}</label>
								<br />

								<div id="qtip-10" class="qtip qtip-default qtip-{$style} qtip-shadow qtip-pos-tl qtip-fixed
														 qtip-focus qtip-hover"
									 tracking="false" role="alert" aria-live="polite" aria-atomic="false"
									 aria-describedby="qtip-10-content" aria-hidden="false" data-qtip-id="10"
									 style="z-index: 15001; opacity: 1; display: block; position: inherit;">
									<div class="qtip-content" id="qtip-10-content" aria-atomic="true">
										<div id="spot-content-884" class="spot-content"
											 style="display: block; visibility: visible;">
											<div>
												<p style="text-align: center; ">{$style|ucfirst} Popup Theme.<br>
													Description text goes here<br></p>
												<div style="width:100%; text-align: center; padding-top: 5px; padding-bottom: 5px;">
													<a href="#" class="button bt_link bt_{$style}"
														onclick="return false;" style="text-shadow: none !important; cursor: default;">
														View More
													</a>
												</div>

											</div>
										</div>
									</div>
								</div>
							</td>

						{if 0 == $smarty.foreach.spotForeach.iteration % 3}
						</tr>
						<tr>
						{/if}
					{/foreach}
					</tr>
				</table>
			</div>


		<div class="margin-form" style="padding-left: 235px;">
			<input type="submit" class="button" name="submitHotSpotConfiguration"
				   value="{l s='Save' mod='advancedhotspotslider'}"

					/>
		</div>
	</form>
</fieldset>