{{define "launcher"}}
{{template "layout_start" .}}

<div class="page-header">
    <h2>Indítópult</h2>
    <span class="domain-badge">{{.Domain}}</span>
</div>

{{if .Apps}}
<div class="launch-grid">
    {{range .Apps}}
    {{if isOperational .State}}
    <a class="launch-cell" href="https://{{.Subdomain}}.{{$.Domain}}{{.OpenPath}}" target="_blank" rel="noopener">
        <span class="launch-tile" style="background: {{tileColor .Slug .BrandColor}}">
            <span class="launch-mono">{{initial .DisplayName}}</span>
            <img class="launch-logo" src="{{logoURL .Slug}}" alt=""
                 onerror="if(!this.dataset.step){this.dataset.step='1';this.src='{{logoPNGURL .Slug}}';}else{this.onerror=null;this.style.display='none';}">
        </span>
        <span class="launch-name">{{.DisplayName}}</span>
        {{if ne (stateStr .State) "running"}}<span class="tag tag-{{stateColor .State}}"><span class="dot"></span>{{stateLabel .State}}</span>{{end}}
    </a>
    {{else}}
    <div class="launch-cell launch-cell--off">
        <span class="launch-tile launch-tile--off" style="background: {{tileColor .Slug .BrandColor}}">
            <span class="launch-mono">{{initial .DisplayName}}</span>
            <img class="launch-logo" src="{{logoURL .Slug}}" alt=""
                 onerror="if(!this.dataset.step){this.dataset.step='1';this.src='{{logoPNGURL .Slug}}';}else{this.onerror=null;this.style.display='none';}">
        </span>
        <span class="launch-name">{{.DisplayName}}</span>
        <span class="tag tag-{{stateColor .State}}"><span class="dot"></span>{{stateLabel .State}}</span>
    </div>
    {{end}}
    {{end}}
</div>
{{else}}
<div class="empty-state">
    <p>Még nincs telepített alkalmazás.</p>
    <p><a href="/stacks" class="empty-state-link">Alkalmazások telepítése</a></p>
</div>
{{end}}

{{template "layout_end"}}
{{end}}