{{ define "content" }}
    <div class="mb-4">
        <div class="row">
            <div class="col-sm-6">
                <h1 class='display-4 lead'>About {{ .Title }}</h1>
                <p class='subheadline'>An open cloud-native web console improving the
                  life of SAP Applications administrators</p>
                <hr/>
                <dl class="row">
                    <dt class="col-sm-3">Trento flavor</dt>
                    <dd class="col-sm-9">{{ .Flavor }}</dd>
                    <dt class="col-sm-3">Server version</dt>
                    <dd class="col-sm-9">v{{ .Version }}</dd>
                    <dt class="col-sm-3">Github repository</dt>
                    <dd class="col-sm-9"><a href="https://github.com/trento-project/trento" target="_blank">https://github.com/trento-project/trento</a></dd>
                    <dt class="col-sm-3">SLES for SAP subscriptions</dt>
                    <dd class="col-sm-9">
                        <span class="ml-0 mr-1 badge badge-{{ if .PremiumData.IsPremium }}success{{ else }}secondary{{ end }}">{{ .PremiumData.Sles4SapCount }} Found</span>
                        <span class="eos-icons eos-18" data-toggle="tooltip" data-original-title="You need at least one SUSE Linux Enterprise Server for SAP Applications subscription to activate Trento Premium">info</span>
                    </dd>
                </dl>
            </div>
            <div class="col-sm-6">
                <img src="/static/frontend/assets/images/trento-icon.png" alt="logo" width="320"/>
            </div>
        </div>
    </div>
{{ end }}
