{extends file="layout.tpl"}

{block name=head}
<link href="{$SALT_CDN}/css/main.css" type="text/css" rel="stylesheet">
{block name=head2}{/block}
{/block}

{block name=content}
  {include file="clock.tpl"}

<div class="container" style="margin-top: 25px">
  {if $ERRmessage}
  <div class="alert alert-{$ERRcolor}">
    <button class="close" data-dismiss="alert">&times;</button>
    <i class="icon-warning-sign"></i> {$ERRmessage}
  </div>
  {/if}

  <div class="row">
    <div class="col-md-3">
      <h3>Top 10</h3>
      <div class="list-group">
      {foreach from=$top item=t key=k}
        <div class="list-group-item">{$k+1}. {link href="{$t->id}-{$t->get_name_url()}" href_prefix="/" label={$t->get_name()|replace:"_":" "}}
<span class="badge">
{$t->get_pts()}
</span>
</div>
      {/foreach}
        <div class="list-group-item">&nbsp;&nbsp;&nbsp;&nbsp;{link href="classement" href_prefix="/" label="Classement g&eacute;n&eacute;ral"}</div>
      </div>
    </div>

    <div class="col-md-9">
	{block name=main}{/block}
    </div>
  </div>
</div>
{/block}

{block name=end}
<script src="{$SALT_CDN}/js/countdown.js"></script>
<script type="text/javascript">
{if isset($END)}
  var end_challenge = new Date({$END * 1000});
{/if}
  update_end();
  $(document).ready(function() {
    $('#carousel-team').carousel({
    	interval: 10000 });
  });
</script>
{/block}