div class="ipsLayout_container">
  <h2 class="ipsType_strikebox ipsType_reset" id="elChatbox">
        <div>Nasze serwery</div>
</h2>
          <ul id="servers">
            {{foreach $data as $server}}
               <li>
                 <div class="numerServers"><span>{$server['id']}</span></div>
                 <div class="nameServers"><div data-ipstooltip="" class="statusServers {{if $server['online']}}onlineS{{else}}offlineS{{endif}}" _title="{{if $server['online']}}online{{else}}offline{{endif}}"></div> {expression="$server['shortname'] ?: $server['hostname']" raw="true"}</div>
                 <div class="adresServers"><a href="{$server['link']}">{$server['ip']}</a></div>
                 <div class="mapsServers"><span class="ipsCursor_pointer" data-ipsmenu="" id="ips_uid_3125_2">{$server['map']}</span></div>
                 <div class="statsBarServers"><div class="statsServers" data-ipstooltip="" _title="{lang="gs_sl_players_most"}: {$server['players_most']['players']} ( {$server['players_most']['date']} )">{$server['players_num']} / {$server['players_max']}</div>
                   <a href="#" id='playersInfoDialog{$server['id']}' data-ipsdialog="" data-ipsdialog-title='{lang="gs_sl_players_on_server" sprintf="$server['shortname'] ?: $server['hostname']" raw="true"}' data-ipsdialog-content='#playersInfo{$server['id']}'>
                     <div class="progressBarServers">
                       <div class="progressBarLine" style='width: {$server['percent']}%; background: {$server['percent_color']}'></div>
                     </div>
                   </a>
                 </div>
                 <div class="buttonServers">
                   {{if $server['tv_link']}}
                   <a data-ipstooltip="" href="{$server['tv_link']}" target="_blank" class="hltvButton" _title="">Dema</a>
                   {{endif}}
                   {{if $server['gt']}}
                   <a data-ipstooltip="" title="" href="http://www.gametracker.com/server_info/{$server['ip']}" target="_blank" class="gtButton">Gametracker</a>
                   {{endif}}
                   {{if $server['stats_link']}}
                   <a data-ipstooltip="" title="Idz do forum serwera" href="{$server['stats_link']}" target="_blank" class="forumButton">Forum</a>
                   {{endif}}
                   {{if $server['shop_link']}}
                   <a href="{$server['link']}" class="connectButton">Połącz</a>
                   {{endif}}
                 </div>
               </li>
            {{endforeach}}
          </ul>
  {{if settings.gs_sl_public_stats}}
            <table id='publicStats' class='ipsType_reset ipsWidget_title ipsTable ipsTable_responsive ipsResponsive_hidePhone'>
                <tbody>
                    <tr class='ipsType_center ipsType_light ipsType_small ipsClearfix'>
                        <td><i class='fa fa-server'></i> {lang="gs_sl_total_servers"}: <strong>{$allServerStats['game_servers'] + $allServerStats['voice_servers']}</strong><sup data-ipsTooltip title='{lang="gs_sl_online_servers"}'> {$allServerStats['online_servers']}</sup></td>
                        <td><i class='fa fa-percent'></i> {lang="gs_sl_fill_servers"} <strong>{$allServerStats['fill_servers']}</strong></td>
                        <td><i class='fa fa-users'></i> {lang="gs_sl_players_num"}: <strong>{$allServerStats['players_num']}</strong> / <strong>{$allServerStats['players_max']}</strong></td>
                        <td><i class='fa fa-line-chart'></i> {lang="gs_sl_players_most"}: <strong>{$allServerStats['players_most']}</strong></td>
                        <td><i class='fa fa-refresh'></i> {lang="updatedDate"}: <strong>{$allServerStats['last_update']|raw}</strong></td>
                    </tr>
                </tbody>
            </table>
        {{endif}}



  </div>

{{foreach $data as $server}}
    {{if $server['desc']}}
        <div class='ipsHide' id='serverInfo{$server['id']}'>
            <div class='ipsType_center'>{lang="gs_sl_descContentLang{$server['id']}"}</div>
        </div>
    {{endif}}

    <div class='playersInfo ipsHide' id='playersInfo{$server['id']}'>
        {{if !$server['players_num']}}
            <div class='ipsType_center ipsType_bold' style='margin: 5px;'>{lang="gs_sl_no_players"}</div>
        {{else}}
            <table class='ipsTable ipsTable_responsive'>
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{lang="gs_sl_player_name"}</th>
                        <th data-score-type='{$server['type']}'>{lang="gs_sl_player_score"}</th>
                        <th data-time-type='{$server['type']}'>{lang="gs_sl_player_time"}</th>
                    </tr>
                </thead>
            <tbody>
                {{foreach $server['players'] as $key => $player}}
                    <tr>
                        <td><i class='fa fa-user'></i></td>
                        <td>{$player['gq_name']|raw}</td>
                        <td data-score-type='{$server['type']}'>{lang="gs_sl_score" pluralize="$player['gq_kills'] ?: $player['gq_score']"}</td>
                        <td data-time-type='{$server['type']}'>{$player['gq_time']}</td>
                    </tr>
                {{endforeach}}
                </tbody>
            </table>
        {{endif}}
    </div>

    <div id='mapInfoMenu{$server['id']}_menu' class='ipsHide'>
        <img src='{$server['map_image']}' alt='{$server['map']}'>
    </div>
{{endforeach}}