<div class="wrapper purple-content">
    	<div class="container">
        	<div class="content-heading white whmcsportal">
    			<h2>{$pagetitle}</h2>
                <small>{$LANG.headertext}</small>
            </div>
            <div class="search-wiki">
            <form method="post" action="knowledgebase.php?action=search">
   				<input type="text" name="search"/> <input type="submit" value="{$LANG.knowledgebasesearch}" />
			</form>	
            </div>
		</div>
    </div>
 <div class="wrapper purple optionbar">
    	<div class="container">
                 <ul><li><a href="knowledgebase.php" data-toggle="section-knowledgebase"><i class="fa fa-ticket"></i>{$LANG.knowledgebasetitle}</a><span></span></li><li class="active"><a href="#" data-toggle="section-knowledgebase"><i class="fa fa-folder"></i>{$catname}</a><span></span></li></ul>
        </div>
    </div>
<div class="wrapper" id="maincontent">
	<div class="container" id="knowledgebase">
{if $kbcats}
<div class="row padbottom30 special">
{foreach key=num item=kbcat from=$kbcats}
                	<div class="col-sm-4">
                    	<h3> <a href="{if $seofriendlyurls}knowledgebase/{$kbcat.id}/{$kbcat.urlfriendlyname}{else}knowledgebase.php?action=displaycat&amp;catid={$kbcat.id}{/if}"><i class="fa fa-folder"></i>{$kbcat.name}<span> ({$kbcat.numarticles})</span></a></h3>
                        <p>{$kbcat.description}</p>
                    </div>
{/foreach}
</div>
{/if}

{if $kbarticles}
<div class="row">
  {foreach key=num item=kbarticle from=$kbarticles}
                    <div class="col-sm-6">
                    	<div class="article">
                            <h4><a href="{if $seofriendlyurls}knowledgebase/{$kbarticle.id}/{$kbarticle.urlfriendlytitle}.html{else}knowledgebase.php?action=displayarticle&amp;id={$kbarticle.id}{/if}"><i class="fa fa-file"></i> {$kbarticle.title}</a></h4>
                            <p>{$kbarticle.article|truncate:150:"..."}</p>
                        </div>
                    </div>
   {/foreach}
   </div>
{else}
<p align="center"><strong>{$LANG.knowledgebasenoarticles}</strong></p>
{/if}<br />
</div>
</div>