<!--
Copyright (C) 2023 Nicola Murino

This WebUI uses the KeenThemes Mega Bundle, a proprietary theme:

https://keenthemes.com/products/templates-mega-bundle

KeenThemes HTML/CSS/JS components are allowed for use only within the
SFTPGo product and restricted to be used in a resealable HTML template
that can compete with KeenThemes products anyhow.

This WebUI is allowed for use only within the SFTPGo product and
therefore cannot be used in derivative works/products without an
explicit grant from the SFTPGo Team (support@sftpgo.com).
-->
{{template "base" .}}

{{- define "page_body"}}
<div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
    {{- if not .LoggedUser.Username}}
    {{- if .LoginURL}}
    <div class="mb-12">
        <a href="{{.LoginURL}}">
            <img alt="Logo" src="{{.StaticURL}}{{.Branding.LogoPath}}" class="h-80px h-md-90px h-lg-100px" />
        </a>
        <a href="{{.LoginURL}}" class="text-gray-900 fs-1 fw-bold ms-3 ps-5">
		    {{.Branding.ShortName}}
        </a>
    </div>
    {{- else}}
    <div class="mb-12">
        <span>
            <img alt="Logo" src="{{.StaticURL}}{{.Branding.LogoPath}}" class="h-80px h-md-90px h-lg-100px" />
        </span>
        <span class="text-gray-900 fs-1 fw-bold ms-3 ps-5">
		    {{.Branding.ShortName}}
        </span>
    </div>
    {{- end}}
    {{- end}}
    <div class="card shadow-sm w-lg-600px">
        <div class="card-header bg-light">
            <h3 data-i18n="{{.Title}}" class="card-title section-title"></h3>
        </div>
        <div class="card-body">
        {{- if .Error}}
            <div class="notice d-flex align-items-center bg-light-warning rounded border-warning border border-dashed p-6">
                <i class="ki-duotone ki-information-5 fs-3x text-warning me-4">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                </i>
                <div class="d-flex flex-stack flex-grow-1">
                    <div class="fs-4 fw-semibold text-gray-800 text-break text-wrap">
                        <span data-i18n="{{.Error.Message}}" {{if .Error.HasArgs}}data-i18n-options="{{.Error.Args}}"{{end}}></span>
                    </div>
                </div>
            </div>
        {{- end}}
        {{- if .Success}}
            <div class="notice d-flex align-items-center bg-light-primary rounded border-primary border border-dashed p-6">
                <i class="ki-duotone ki-information-2 fs-3x text-primary me-4">
                    <span class="path1"></span>
                    <span class="path2"></span>
                    <span class="path3"></span>
                </i>
                <div class="d-flex flex-stack flex-grow-1">
                    <div class="fs-4 fw-semibold text-gray-800 text-break text-wrap">
                        <span data-i18n="{{.Success}}"></span>
                        {{- if .Text}}
                        <span> {{.Text}}</span>
                        {{- end}}
                    </div>
                </div>
            </div>
        {{- end}}
        </div>
    </div>
</div>
{{- end}}