<!-- comments -->
{if isset($comment_add) || !empty($COMMENT_COUNT)}
    <div id="comments">

  {$shortname = $theme_config->comments_disqus_shortname}
  {if $theme_config->comments_type == 'disqus' and !empty($shortname)}
      <div id="disqus_thread"></div>
{footer_script}{strip}
var disqus_shortname = '{/strip}{$shortname}{strip}';

(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
{/strip}
{/footer_script}
  {else}
      <ul class="nav nav-pills p-2" role="tablist">
    {if !empty($COMMENT_COUNT)}
        <li class="nav-item">
          <a class="nav-link active" href="#viewcomments" data-toggle="pill" aria-controls="viewcomments">{$COMMENT_COUNT|@translate_dec:'%d comment':'%d comments'}</a>
        </li>
    {/if}
    {if isset($comment_add)}
        <li class="nav-item">
          <a class="nav-link{if empty($COMMENT_COUNT)} active{/if}" href="#addcomment" data-toggle="pill" aria-controls="addcomment">{'Add a comment'|@translate}</a>
        </li>
    {/if}
      </ul>
      <div class="tab-content">
    {if !empty($COMMENT_COUNT)}
      <div id="viewcomments" class="tab-pane active">
        {if isset($COMMENT_LIST)}
          {$COMMENT_LIST}
        {else}
          {include file='comment_list.tpl'}
        {/if}
        {if !empty($navbar) }
        <div class="row justify-content-center">
          {include file='navigation_bar.tpl' fragment='comments'|@get_extent:'navbar'}
        </div>
        {/if}
      </div>
    {/if}
    {if isset($comment_add)}
   
        <div id="addcomment" class="tab-pane{if empty($COMMENT_COUNT)} active{/if}">
          <form method="post" action="{$comment_add.F_ACTION}">
      {if $comment_add.SHOW_AUTHOR}
            <div class="form-group">
              <label for="author">{'Name'|@translate}{if $comment_add.AUTHOR_MANDATORY} {/if} : *</label>
              <input class="form-control" type="text" name="author" id="author" value="{$comment_add.AUTHOR}">
            </div>
      {/if}
      {if $comment_add.SHOW_EMAIL}
            <div class="form-group">
              <label for="email">{'Email address'|@translate}{if $comment_add.EMAIL_MANDATORY} {/if} : *</label>
              <input class="form-control" type="text" name="email" id="email" value="{$comment_add.EMAIL}">
            </div>
      {/if}
      {if $comment_add.SHOW_WEBSITE}
            <div class="form-group">
              <label for="website_url">{'Website'|@translate} :</label>
              <input class="form-control" type="text" name="website_url" id="website_url" value="{$comment_add.WEBSITE_URL}">
            </div>
      {/if}
    
            <div class="form-group">
              <label for="contentid">{'Comment'|@translate} : *</label>
              <textarea class="form-control" name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea>
      <br>
      {'Security code'|@translate}:<br>
  <img id="captcha" src="{$PHPCAPTCHA_PATH}renderimage.php?hash={$captchahash}" alt="">
  <br><label for="captcha_code">{'Enter code'|translate} : *</label><br>
  <input type="text" id="captcha_code" name="captcha_code" maxlength="{$captcha.stringlength}" value="">
  <input type="hidden" name="captcha_hash" value="{$captchahash}">
  <br><br>
 <p id="stc_comment">
  {'Notify me of further comments'|translate}:<br>
  <label> &nbsp;<input type="radio" name="stc_mode" value="-1" checked> {'no'|translate}</label><br>
  <label> &nbsp;<input type="radio" name="stc_mode" value="image" > {'this photo'|translate}</label><br>
  <label> &nbsp;<input type="radio" name="stc_mode" value="album-images" > {'all photos in the album'|translate}</label><br>      
  <label> &nbsp;<input type="radio" name="stc_mode" value="all-images" > {'all photos in the gallery'|translate}</label><br>
  </p>

</div>
            <input type="hidden" name="key" value="{$comment_add.KEY}">
      <div class="form-group"><i class="fas fa-link"></i> <a href="/index.php?/page/datenschutz#Kommentarmöglichkeit" target="_blank"><u>{'I accept the privacy policy'|translate}</u> :</a> &nbsp; &nbsp; &nbsp; 
      <input  required style="box-shadow: 0 0 1px rgba(0,0,0, .4);"  aria-label="Datenschutz" type="checkbox" id="inlineCheckbox12" name="datenschutz" value="akzeptiert"  onclick="setActive(this);" onfocus="setActive(this);">&nbsp;*</div><br>
            <button type="submit" class="btn btn-primary btn-raised">{'Submit'|@translate}</button>
      <br><br>
      <span class="text-danger">{'Note'|translate}:</span> {'Fields with * must be filled out.'|translate}
          </form>
        </div>
      </div>
    {/if}
    </div> 
  {/if}
{/if}