{* supreme 1.7.1 *}
<script>
$(document).ready(function() {
	var provider_list = $('#user-auth-provider');

	provider_list.find('a').click(function () {
		var self = $(this);
		var provider = self.parents('li:first').attr('data-provider');

		if (provider != 'guest' && provider != 'signup') {
			var left = (screen.width-600)/2;
			var top = (screen.height-400)/2;
			window.open($(this).attr('href'){if !$require_authorization} + "&guest=1"{/if},'oauth', "width=600,height=400,left="+left+",top="+top+",status=no,toolbar=no,menubar=no");
			return false;
		}
	})
});
</script>

<section class="comments" itemscope itemtype="http://schema.org/UserComments">
	<a name="comments"></a>
	<h3 class="comment-count" {if $post.comment_count == 0}style="display: none;"{/if}>{_w('%d comment','%d comments',$post.comment_count)}</h3>

	{if $post.comment_count == 0}
	<ul class="comments-branch">
		<!-- placeholder for new comments -->
	</ul>
	{/if}

	{$depth=-1}
	{foreach $post.comments as $comment}
	{if $comment.depth < $depth}
		{$loop=$depth-$comment.depth}
		{section name="end-comment" loop=$loop}

			</li>
			</ul>
		{/section}
		{$depth=$comment.depth}
	{/if}

	{if $comment.depth == $depth}
		</li>
		<li>
	{/if}
	{if $comment.depth > $depth}
		<ul class="comments-branch">
			<li>
		{$depth=$comment.depth}
	{/if}

	{include file="comment.html" inline}
	{* sub comment *}
	{/foreach}
	{section name="end-comment" loop=$depth }

		</li>
	</ul>
	{/section}
		</li>
	</ul>
</section>

<h4 class="write-comment">
	<a href="javascript:void(0);" class="inline-link"><b><i>[`Add comment`]</i></b></a>
</h4>


<div class="comment-form" {if $post.comment_count > 0}style="display:none;"{/if}>

	{$current_user_id=$wa->userId()}
	<a data-name="comment0"></a>

	<form action="{$post.comment_link}" class="wa-form" method="post">
		<div class="panel panel-default">
			<div class="panel-body">
				<a class="c_close" href="javascript:void(0);">&#215;</a>

				{if empty($current_user_id)}
					{if $require_authorization}
					<div id="user-auth-provider" data-provider="signup" {if $current_auth_source neq 'signup'}style="display:none"{/if}>
						{sprintf('[`To add a comment please <a href="%s">sign up</a> or <a href="%s">login</a>`]',$wa->signupUrl(),$wa->loginUrl())}
					</div>
					{elseif $auth_adapters}
					<div class="wa-auth-adapters">
						<ul class="auth-type" id="user-auth-provider">
							{if $require_authorization}
							<li data-provider="signup" {if !$current_auth_source}class="selected"{/if}><a href="#">[`Sign up`]</a></li>
							{else}
							<li data-provider="guest" {if !$current_auth_source}class="selected"{/if}><a href="#">[`Guest`]</a></li>
							{/if}
							{foreach $auth_adapters as $adapter}
							{$adapter_id = $adapter->getId()}
							<li data-provider="{$adapter_id}" {if $current_auth_source == $adapter_id}class="selected"{/if}><a href="{$adapter->getCallbackUrl(0)}&amp;app=blog"><img src="{$adapter->getIcon()}" alt="">{$adapter->getName()}</a></li>
							{/foreach}
						</ul>
					</div>
					{/if}

					<div class="tab clear-left" data-provider="guest" {if $current_auth_source}style="display:none"{/if}>
						<div class="wa-field review-field">
							<div class="wa-name"><label for="comment_name">[`Your name`]</label></div>
							<div class="wa-value">
								<input type="text" class="form-control" name="name" id="comment_name" value="">
							</div>
						</div>
						<div class="wa-field review-field">
							<div class="wa-name"><label for="comment_email">[`Email`]</label></div>
							<div class="wa-value">
								<input type="text" class="form-control" name="email" id="comment_email">
							</div>
						</div>
						{*
						<div class="wa-field review-field">
							<div class="wa-name"><label for="comment_site">[`Website`]</label></div>
							<div class="wa-value">
								<input type="text" class="form-control" name="site" id="comment_site">
							</div>
						</div>
						*}
					</div>

					{if $require_authorization}
						<div class="tab need_authorize" data-provider="signup" {if $current_auth_source != 'signup'}style="display:none"{/if}>
							{sprintf('[`To add a comment please <a href="%s">sign up</a> or <a href="%s">login</a>`]',$wa->signupUrl(),$wa->loginUrl())}
						</div>
					{/if}

					{foreach $auth_adapters as $adapter}
						<div class="tab" data-provider="{$adapter->getId()}" {if $current_auth_source != $adapter->getId()}style="display:none"{/if}>
							<div class="wa-field review-field">
								<div class="wa-name"><label>[`Your name`]</label></div>
								<div class="wa-value">
									<img class="userpic" src="{$adapter->getIcon()}" alt=""> <strong>{$current_auth.name}</strong>
									<a href="{$wa_app_url}logout">[`log out`]</a>
								</div>
							</div>
						</div>
					{/foreach}

				{else}
					<div class="wa-field review-field">
						<div class="wa-name"><label>[`Your name`]</label></div>
						<div class="wa-value">
							<img src="{$wa->user()->getPhoto(20)}" class="userpic" alt=""> <strong>{$wa->user('name')}</strong> <a href="{$wa_app_url}logout">[`log out`]</a>
						</div>
					</div>
				{/if}

				<div class="wa-field review-field comment-body">
					<div class="wa-name"><label for="comment_text">[`Comment`]</label></div>
					<div class="wa-value">
						<textarea class="form-control" id="comment_text" name="text" rows="10" cols="45"></textarea>
					</div>
				</div>

				{if empty($current_user_id) && !$require_authorization}
					{if $request_captcha && empty($current_user_id)}
					<div class="wa-field comment-captcha">
						<div class="wa-name"></div>
						<div class="wa-value">
							{$wa->captcha()|replace:'wa-captcha-input':'wa-captcha-input form-control'}
						</div>
					</div>
					{/if}
				{/if}
				<div class="wa-field c_form_submit comment-submit">
					<div class="wa-name"></div>
					<div class="wa-value">
						<input type="hidden" name="auth_provider" value="{$current_auth_source|default:blogCommentModel::AUTH_GUEST}">
						<input type="hidden" name="parent" value="0">
						<input class="btn btn-primary save" type="submit" value="[`Add comment`]">

						<img src="{$wa_static_url}wa-content/img/loading16.gif" style="display: none;" alt="">
					</div>
				</div>
			</div>
		</div>
	</form>
</div>