{{define "title"}}
<title>Serverlist :: {{.Region}}</title>
{{end}}

{{define "content"}}
{{ $gamemodes := .Gamemodes}}
{{ $servers := .Servers}}
{{ $flags := .Flags}}
{{range $gamemode := $gamemodes -}}
<div class="content-item-inner2 d-none d-md-block">
	<table class="sortable">
		<tr class="content-item-inner3">
			<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
			<th class="content-item-inner5"><h2>Map</h2></th>
			<th class="content-item-inner6"><h2>Players</h2></th>
		</tr>
	  {{range $server := $servers -}}
	   {{if eq $gamemode.ID $server.GamemodeID -}}
		{{if ne $server.Map "Server didn't reply." -}}
		<tr class="text-truncate">
			<td><a href="steam://connect/{{$server.ServerIP}}" class="umami--click--connect">
                           {{range $flag := $flags -}}
                                {{if eq $server.ServerIP $flag.ServerIP -}}
                                <img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
                                {{- end}}
                           {{- end}}
                                {{$server.Name}}</a></td>
			<td><p>{{$server.Map}}</p></td>
			<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
		</tr>
		{{- end}}
       {{- end}}
      {{- end}}
	</table>
</div>
<div class="table-responsive">
	<div class="content-item-inner2 d-md-none">
		<table class="sortable">
			<tr class="content-item-inner3">
				<th class="content-item-inner4"><h2>{{$gamemode.Name}}</h2></th>
				<th class="content-item-inner5"><h2>Map</h2></th>
				<th class="content-item-inner6"><h2>Players</h2></th>
			</tr>
		  {{range $server := $servers -}}
		   {{if eq $gamemode.ID $server.GamemodeID -}}
			{{if ne $server.Map "Server didn't reply." -}}
			<tr class="text-truncate">
				<td><a href="steam://connect/{{$server.ServerIP}}" class="umami--click--connect">
							   {{range $flag := $flags -}}
									{{if eq $server.ServerIP $flag.ServerIP -}}
									<img src="https://flagcdn.com/w40/{{$flag.Flag}}.png" srcset="https://flagcdn.com/w80/{{$flag.Flag}}.png" 2x>
									{{- end}}
							   {{- end}}
									{{$server.Name}}</a></td>
				<td><p>{{$server.Map}}</p></td>
				<td><p>{{$server.Players}}/{{$server.MaxPlayers}}</p></td>
			</tr>
			{{- end}}
		   {{- end}}
		  {{- end}}
		</table>
    </div>
</div>
{{- end}}
{{end}}