<div class="card">
    <div class="card-header">
        <h2>
            <img class="gameicon" src="images/games/csgo.png" style="width: 20px;height: 20px;">
            Counter-Strike: Global Offensive
            <small>Полный список предупреждений на доступных игровых серверах с подробной информацией.</small>
        </h2>
    </div>
    <div class="card-body card-padding">
        <table id="data-table-command" class="table table-striped table-vmiddle">
            <thead>
                {foreach from=$servers item=server}
                <tr class="opener1" style="cursor:pointer;" name="servers[]" id="s_{$server.sid}"
                    value="s{$server.sid}">
                    <th width="10%">
                        <img id="mapimg_{$server.sid}" class="img-responsive img-thumbnail"
                            style="width:60px; height:60px" src='images/maps/nomap.jpg'>
                    </th>
                    <th width="100%" class="f-14" id="sa{$server.sid}"><span id="host_{$server.sid}">Получение имени
                            сервера... {$server.ip}:{$server.port}</span></th>
                    <th width="10%" style="font-size: 28px;"><i class="zmdi zmdi-accounts-list"></i></th>
                </tr>
                <tr>
                    <td colspan="3" align="center"
                        style="background-color: #f4f4f4;padding: 0px;border-top: 0px solid #FFFFFF;">
                        <div class="opener" style="visibility: hidden; zoom: 1; opacity: 0;">
                            <table id="data-table-command" class="table table-striped table-vmiddle" style="width:100%"
                                align="center">
                                <thead>
                                    <tr>
                                      <th class="bgm-bluegray c-white text-center" width="20%">Никнейм</th>
                                      <th class="bgm-bluegray c-white text-center" width="20%">SteamID</th>
                                      <th class="bgm-bluegray c-white text-center" width="20%">Группа</th>
                                      <th class="bgm-bluegray c-white text-center" width="20%">Сервер</th>
                                      <th class="bgm-bluegray c-white text-center" width="20%">Истекает</th>
                                    </tr>
                                </thead>
                                <tbody id="viplist">
                                {foreach from=$vips item=vip}
                                {if $server.sid == $vip.sid}
                                  <tr>
                                    <td>{$vip.name}</td>
                                    <td><a href="https://steamcommunity.com/profiles/{$vip.communityid}" target="_blank" title="Перейти в профиль">{$vip.steamid}</a></td>
                                    <td>{$vip.group}</td>
                                    <td>{$vip.server_name}</td>
                                    <td>{$vip.expired_text}</td>
                                  </tr>
                                {/if}
                                {/foreach}
                                </tbody>
                            </table>
                        </div>
                    </td>
                </tr>
                <script>xajax_ServerHostPlayers({$server.sid}, 'servers', '', '0', '-1', '{$IN_HOME}', 70);</script>
                {/foreach}
            </thead>
        </table>
    </div>
</div>

<script type="text/javascript">
    InitAccordion('tr.opener1', 'div.opener', 'content');
</script>