<div class="container">
  {$SESSION_FLASH}
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="core/assets/img/carosuel.png" alt="StonerBros">
      <div class="carousel-caption">
        <h3>Join us now</h3>
        <p>arete.zone</p>
      </div>
    </div>

    <div class="item">
      <img src="core/assets/img/carosuel.png" alt="StonerBros">
      <div class="carousel-caption">
        <h3>PvP</h3>
        <p>Great Hit Detection & Knockback</p>
      </div>
    </div>

    <div class="item">
      <img src="core/assets/img/carosuel.png" alt="StonerBros">
      <div class="carousel-caption">
        <h3>Competitive</h3>
        <p>Action Packed PvP Battles</p>
      </div>
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

  <div class="row">
    {if !empty($TWITTER_FEED) || !empty($VOICE_VIEWER)}
    <div class="col-md-9">
	{else}
	<div class="col-md-8 col-md-offset-2">
	{/if}
	  <!-- News -->
	  <h2>{$NEWS}</h2>
	  {foreach from=$newsArray item=news}
	    <div class="panel panel-primary">
		  <div class="panel-heading">
		    <a class="white-text" href="/forum/view_topic/?tid={$news.id}">{$news.title}</a>
			<span class="pull-right"><a class="white-text" href="/profile/{$news.author_mcname}">{$news.author_username}</a> {$news.author_avatar}</span>
		  </div>
		  <div class="panel-body">
		    {$news.content}
			<br /><br />
			<span class="label label-info">{$news.date}</span>
			<span class="pull-right">
			  <span class="label label-danger"><span class="glyphicon glyphicon-comment"></span> {$news.replies} | <span class="glyphicon glyphicon-eye-open"></span> {$news.views}</span>
			</span>
		  </div>
		</div>
	  {/foreach}
	</div>
	{if !empty($TWITTER_FEED) || !empty($VOICE_VIEWER)}
	<div class="col-md-3">
	  <!-- Social -->
	  <h2>{$SOCIAL}</h2>
	  {if !empty($TWITTER_FEED)}
	  {$TWITTER_FEED}
	  {/if}

	  {if !empty($VOICE_VIEWER)}
	  {if {$VOICE_VIEWER_TITLE} != 'Discord'}
	  <div class="well well-sm">
	  <h4>{$VOICE_VIEWER_TITLE}</h4>
	  <strong>{$VOICE_VIEWER_IP}</strong><br />
	  {$VOICE_VIEWER}
	  </div>
	  {else}
	  {$VOICE_VIEWER}
	  {/if}
	  {/if}
	</div>
	{/if}
  </div>
</div>