{{include "header.html"}}
{{include "nav.html"}}

<main class="enterprise-shell enterprise-page">
  {{if index .ThemesExt "show_breadcrumb"}}
  {{if .Nav}}
  <div class="enterprise-section enterprise-breadcrumb-tight">
    <div class="enterprise-breadcrumb-trail enterprise-card-gap-compact">
      <a href="/" class="enterprise-text-primary enterprise-text-no-decoration">首页</a>
      {{range .Nav}}
      <span class="enterprise-muted">/</span>
      <a href="{{.URL}}" class="enterprise-text-no-decoration">{{.Name}}</a>
      {{end}}
    </div>
  </div>
  {{end}}
  {{end}}

  {{if .Single}}
  <section class="enterprise-section">
    {{if .Single.Ext}}
    {{$banner := index .Single.Ext "banner_img"}}
    {{if $banner}}
    <div class="enterprise-card enterprise-card-margin">
      <img src="{{$banner}}" alt="{{.Single.Name}}" class="enterprise-card-min-h-banner enterprise-card-image-cover">
    </div>
    {{end}}
    {{end}}

    <div class="enterprise-kicker">Page</div>
    <h1 class="enterprise-title">{{.Single.Name}}</h1>
    {{if .Single.Description}}<p class="enterprise-muted enterprise-section-desc">{{.Single.Description}}</p>{{end}}

    {{if index .ThemesExt "stats_cards"}}
    {{$cards := index .ThemesExt "stats_cards"}}
    {{if $cards}}
    <div class="enterprise-grid enterprise-grid-4 enterprise-mt-lg enterprise-mb-lg">
      {{range $cards}}
      {{$bg := index . "bg"}}
      <div class="enterprise-card enterprise-padding-xl enterprise-bg-stats" data-bg="{{if $bg}}{{$bg}}{{else}}linear-gradient(135deg, #0f766e, #2563eb){{end}}">
        <div class="enterprise-font-xxl enterprise-card-stats-value">{{index . "value"}}</div>
        <div class="enterprise-card-stats-label-sm">{{index . "label"}}</div>
      </div>
      {{end}}
    </div>
    {{end}}
    {{end}}

    <div class="prose prose-lg max-w-none">
      {{.Single.Content|Str2Html}}
    </div>
  </section>
  {{end}}
</main>

{{include "footer.html"}}
{{include "js.html"}}