<!DOCTYPE html>
<html>

<head>
  <title>Zerbitzuak</title>
  <meta charset="UTF-8" />
  <!--<link rel="shortcut icon" type="image/x-icon" href="/favicon">-->
  <link rel="stylesheet" href="./static/styles.css">
</head>
<body>
<h1>Zerbitzuen egoera</h1>
    <h4 class="logs">Web zerbitzuak</h4>
    {{#each data}} 
        {{#if (compare this.class "Web")}}
            <div class="grid-container">
                    <div class="grid-item">
                        {{this.name}}
                    </div>
                    <div class="grid-item">
                        {{#if (compare this.status "200 OK")}}
                            <div class="ok"></div>
                        {{else}}
                            <div class="down"></div>
                        {{/if}}
                    </div>
            </div>
        {{/if}}
    {{/each}}
    <h4 class="logs">Xmpp mezularitza</h4>
    {{#each data}} 
        {{#if (compare this.class "Xmpp")}}
            <div class="grid-container">
                    <div class="grid-item">
                        {{this.name}}
                    </div>
                    <div class="grid-item">
                        {{#if (compare this.status "200 OK")}}
                            <div class="ok"></div>
                        {{else}}
                            <div class="down"></div>
                        {{/if}}
                    </div>
            </div>
        {{/if}}
    {{/each}}
</body>

</html>