You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.1 KiB
PHTML
50 lines
2.1 KiB
PHTML
<section id="servers" class="servers-bg servers-bg--mc">
|
|
<div class="container">
|
|
|
|
<header class="row">
|
|
<div class="col col-12">
|
|
<h2>Our Servers</h2>
|
|
@if(!empty($servers))
|
|
<ul class="inline-list">
|
|
@foreach($servers as $server)
|
|
<li><div class="button button--small @if($loop->index == 0) button--blue @endif" data-tabs-button data-tabs-group="servers" data-tabs-id="{{ strtolower($server['type']) }}">{{ $server['type'] }}</div></li>
|
|
@endforeach
|
|
</ul>
|
|
@endif
|
|
</div>
|
|
</header>
|
|
|
|
@if(empty($servers))
|
|
<div class="row">
|
|
<div class="col col-12">
|
|
<p>No servers, sorry</p>
|
|
</div>
|
|
</div>
|
|
@else
|
|
@foreach($servers as $server)
|
|
<!-- TODO: default data-tabs. Probably will just change the JS -->
|
|
<div class="row row--scroll row--cards servers-scroll" data-tabs-tab data-tabs-group="servers" data-tabs-id="{{ strtolower($server['type']) }}" @if($loop->index == 0) data-tabs-default @endif >
|
|
@if(empty($server['servers']))
|
|
<div class="col col-6">
|
|
<div class="card card__body">
|
|
<h3>Uh oh!</h3>
|
|
<p>Currently there are no '{{ $server['type'] }}' servers</p>
|
|
</div>
|
|
</div>
|
|
@else
|
|
@foreach($server['servers'] as $serverItem)
|
|
<div class="col col-3p5">
|
|
<div class="card card__body">
|
|
<h3>{{ $serverItem['name'] }}<i class="iconoir iconoir-copy" width="16" height="16" style="margin-left:12px"></i></h3>
|
|
<p>{{ $serverItem['description'] }}</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
|
|
</div>
|
|
</section>
|