{*
  * Profile tabs generated by plugins and applications.
  * There's no separate action for this template. It gets included from ContactsInfo.html
  * and uses template variables loaded in ContactsInfoAction.
  *}
{if !empty($links)}
	<ul id="c-info-additional-tabs" style="display:none">
		{foreach from=$links key=id item=l}
			<li id="t-{if !empty($l.hash)}{$l.hash}{else}{$id}{/if}"><a href="javascript:void(0)">
				{$l.title}{if $l.count}<span class="indicator red">{$l.count}</span>{/if}
			</a></li>
		{/foreach}
	</ul>

	{foreach from=$links key=id item=l}
		<div id="tc-{if !empty($l.hash)}{$l.hash}{else}{$id}{/if}" class="tab-content hidden">
			<div class="block double-padded">
				<div class="tc">
					{if !empty($l.html)}
						{$l.html}
					{elseif !empty($l.url)}

						{* Load contents from URL when user opens the tab. *}
						<h2>[`Loading...`] <i class="icon16 loading" style="margin-left:16px"></i></h2>
						<script>
                                                                                $('#t-{if !empty($l.hash)}{$l.hash}{else}{$id}{/if}').one('click', function() {
                                                                                    $.wa.contactEditor.load($('#tc-{if !empty($l.hash)}{$l.hash}{else}{$id}{/if} div.tc'), '{$l.url}');
                                                                                });
						</script>
					{/if}
				</div>
				<div class="clear-left"></div>
			</div>
		</div>
	{/foreach}

	<script>
                    $('#c-info-additional-tabs').children().appendTo('#c-info-tabs');
                    $('#c-info-additional-tabs').remove();
	</script>
{/if}