<style type="text/css">
    .widget.large {
    height: 388px;
}
.widget.large .body {
    height: 366px;
}
</style>
<div class="section_view col-md-8"><section class="widget">
        <header>
            <h4>
                <i class="fa fa-group "></i>
                Информация
                <small>
                    о персонажах.
                </small>
            </h4>
        </header>
        <div class="body">
            <ul id="myTab" class="nav nav-tabs">
                {if $Chars != "Персонажей не найдено"}
               {foreach $Chars as $char} 
                    {if $char.Name != null}
                        <li><a href="#{$char.Name}" data-toggle="tab">{$char.Name}</a></li>
                    {/if}
                {/foreach}
                {/if}
            </ul>
            <div id="myTabContent" class="tab-content">
                <style>
                    .small-t  > tbody > tr > td {
                        padding: 3px;
                    }
                    .pull-left2 {
                        padding-left: 10px;
                        float: left;
                        float: left !important;
                    }
                </style>
                {if $Chars == "Персонажей не найдено"}
                <div class="tab-pane fade in active">
                    {$Chars}
                </div>
                {else}
                {$i = 1}

                {foreach $Chars as $char} 
                    {if $char.Name != null}
                            <div class="tab-pane fade in 
                            {if $i == 1}
                                active
                            {/if}
                            " id="{$char.Name}">

                            <div class="block" style="padding: 10px;">
                                <div class="char">
                                  <!--   <div class="char_name" style="font-weight: bold;">{$char.Name} {$char.ClassID}</div> -->
                                    <div class="char-img"><img src="{Character::GetImageCharacter($char.ClassID)}"></div>
                                </div>


                                <table style="width: 70%;">
                                    <tbody><tr>
                                        <td valign="top" style="width: 72px;padding-top: 14px;">
                                        </td>
                                        <td>
                                            <table class="small-t table table-bordered" style="margin-left: 25px;width: 95%;">
                                                <tbody>
                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Ник: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.Name}</div>
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Класс: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.Class}</div>
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Уровень: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.cLevel}</div>
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Ресет: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.Resets}</div>
                                                    </td>
                                                </tr>

                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Гранд ресет: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.GrandResets}</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <span class="key-icon">Гильдия: </span>
                                                    </td>
                                                    <td>
                                                        <div class="value pull-right">{$char.Guild}</div>
                                                    </td>
                                                </tr>

                                                </tbody></table>
                                        </td>
                                    </tr>
                                    </tbody></table>
                                    <br><br><br>
                                    <div style="height: 1px; background: rgba(200,200,200,0.6);"></div>
                                    <script src="/web/templates/default/js/tooltip.js" type="text/javascript"></script>
        <div class="inv-bg" style="margin: 0 auto; width: 400px;">
            {$char.Inv}
            <div style="clear: both;"></div>
        </div>

                            </div>
                        </div>
                    {/if}
                                    {$i=$i+1}
                {/foreach}
                {/if}
               
            </div>
        </div>
    </section></div>
<div class="section_view col-md-4">
   
    <section class="widget widget-tabs">
            <!-- <header>
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#refarals" data-toggle="tab">Валюта</a>
                    </li>
                    <li>
                        <a href="#information" data-toggle="tab">Информация</a>
                    </li>
                </ul>
            </header> -->
            <div class="body tab-content">
                <!-- <div id="refarals" class="tab-pane active clearfix">
                    <h5 class="tab-header"><i class="fa fa-money"></i> Информация о ваших валютах.</h5>
                    <ul class="news-list">


             
                        
                    </ul>
                </div> -->
                <div id="information" class="tab-pane active">
                    <h5 class="tab-header"><i class="fa fa-info-circle"></i> Информация о Аккаунте.</h5>
                    <ul class="news-list news-list-no-hover">
                        <li>
                            <div class="news-item-info">
                                <div class="position">Текущий IP адрес :   {$AccountInfo.CurrentIP}</div>
                            </div>
                        </li>
                        <li>
                            <div class="news-item-info">
                                <div class="position">E-Mail :   {$AccountInfo.Mail}</div>
                            </div>
                        </li>
                        <li>
                            <div class="news-item-info">
                                <div class="position">Дата регистрации :   {$AccountInfo.RegisterDate|date_format:"%D %H:%M"}</div>
                            </div>
                        </li>


                      
                        <li>
                            <div class="news-item-info">
                                <div class="position">
                                    Аккаунт :
                                    {if $AccountInfo.AccountOnline == true}
                                        Active
                                    {else}
                                        Offline
                                    {/if}
                                    </div>
                            </div>
                        </li>

                    </ul>
                </div>

                <div id="loglist" class="tab-pane">
                    <h5 class="tab-header"><i class="fa fa-desktop"></i> Logs 5 last operations</h5>
                    <ul class="news-list">
                        <li>
                            <div class="news-item-info">
                                <div class="name">Login to Members Area.</div>
                                <div class="comment">Дата: 2016-11-29<br>
                                    Ip: 93.79.220.74
                                </div>
                            </div>
                        </li>  <li>
                            <div class="news-item-info">
                                <div class="name">Register</div>
                                <div class="comment">Дата: 2016-11-29<br>
                                    Ip: 93.79.220.74
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="widget large">
            <header>
                <h4>
                    <i class="fa fa-comments-o"></i>
                    Последнее на форуме
                </h4>
                <!--div class="actions">
            <button class="btn btn-transparent btn-xs">{ forum} <i class="fa fa-arrow-down"></i></button>
        </div-->
            </header>
            <div class="body">
                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 366px;"><div id="feed" class="feed" style="overflow: hidden; height: 366px;">
                        <div class="wrapper">
                            <div class="vertical-line"></div>
                            <ul class="news-list">
                       
                            {foreach $InWidgetForum as $item}
                             <li>
                            <div class="news-item-info">
                               
                                <section class="feed-item">
                                    <div class="icon pull-left">
                                        <i class="fa fa-comment"></i>
                                    </div>
                                    <div class="feed-item-body">
                                        <div class="text">
                                            <a href="{$item.link}" target="_blank">{$item.title}</a>.
                                        </div>
                                        <div class="time pull-left">
                                            {$item.date|date_format:"%d %m:%y"}
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </li> 
                            {/foreach}
                    </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <script>

            $("#feed").slimscroll({
                size: '5px',
                alwaysVisible: true,
                railVisible: true
            });
        </script></div>