<div class="knowledgebaseDiv">
    <div class="kb-article-title">
        <a href="#" class="btn btn-link btn-print" onclick="window.print();return false"><i class="fas fa-print"></i></a>
        <h2>{$kbarticle.title}</h2>
    </div>

    {if $kbarticle.voted}
        {include file="$template/includes/alert.tpl" type="success alert-bordered-left" msg="{lang key="knowledgebaseArticleRatingThanks"}" textcenter=true}
    {/if}

    <div class="kb-article-content">
        {$kbarticle.text}
    </div>
    
    <ul class="kb-article-details">
        {if $kbarticle.tags }
            <li><i class="fas fa-tag"></i> {$kbarticle.tags}</li>
        {/if}
        <li><i class="fas fa-star"></i> {$kbarticle.useful} {$LANG.knowledgebaseratingtext}</li>
    </ul>
    <div class="clearfix"></div>

    <div class="kb-rate-article hidden-print">
        <form action="{routePath('knowledgebase-article-view', {$kbarticle.id}, {$kbarticle.urlfriendlytitle})}" method="post">
            <input type="hidden" name="useful" value="vote">
            {if $kbarticle.voted}{$LANG.knowledgebaserating}{else}{$LANG.knowledgebasehelpful}{/if}
            {if $kbarticle.voted}
                {$kbarticle.useful} {$LANG.knowledgebaseratingtext} ({$kbarticle.votes} {$LANG.knowledgebasevotes})
            {else}
                <button type="submit" name="vote" value="yes" class="btn btn-lg btn-link"><i class="far fa-thumbs-up"></i> {$LANG.knowledgebaseyes}</button>
                <button type="submit" name="vote" value="no" class="btn btn-lg btn-link"><i class="far fa-thumbs-down"></i> {$LANG.knowledgebaseno}</button>
            {/if}
        </form>
    </div>

    {if $kbarticles}
        <div class="kb-also-read">
            <h2>{$LANG.knowledgebaserelated}</h2>
            <div class="kbarticles">
                {foreach key=num item=kbarticle from=$kbarticles}
                    <div class="inner_bx_area">
                        <a href="{routePath('knowledgebase-article-view', {$kbarticle.id}, {$kbarticle.urlfriendlytitle})}">
                            <i class="far fa-file-alt"></i>
                            <h4>{$kbarticle.title}</h4>
                            <p>{$kbarticle.article|truncate:200:"..."}</p>
                        </a>                
                    </div>
                {/foreach}
            </div>
        </div>
    {/if}
</div>