{{$playlist := index .ThemesExt "playlist"}}
{{$contactLinks := index .ThemesExt "contact_links"}}
{{$footerText := index .ThemesExt "footer_text"}}
{{$authorName := index .ThemesExt "author_name"}}
{{$friendInvite := index .ThemesExt "friend_invite"}}
{{$friends := FriendLinks}}

<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-card glass">
        <span class="kicker">small universe</span>
        <h3>{{if .Site}}{{.Site.Title}}{{else}}星砂手帐{{end}}</h3>
        <p>{{$footerText}}</p>
        {{if $playlist}}
        <div class="footer-links" style="margin-top:16px;">
          {{range $playlist}}<span class="chip">🎧 {{.}}</span>{{end}}
        </div>
        {{end}}
      </div>

      <div class="footer-card glass">
        <h3>逛逛这里</h3>
        <div class="footer-links">
          <a href="/">首页</a>
          {{range .Columns}}<a href="{{.URL}}">{{.Name}}</a>{{end}}
        </div>
      </div>

      <div class="footer-card glass">
        <h3>找到我</h3>
        <div class="footer-links">
          {{if $contactLinks}}
            {{range $contactLinks}}<a href="{{index . "url"}}" target="_blank" rel="noopener">{{index . "label"}} · {{index . "value"}}</a>{{end}}
          {{else if $authorName}}
            <span class="chip">{{$authorName}}</span>
          {{end}}
        </div>
      </div>

      <div class="footer-card glass">
        <h3>友链邀请</h3>
        <p>{{$friendInvite}}</p>
        {{if $friends}}
        <div class="friend-links" style="margin-top:16px;">
          {{range $friends}}<a href="{{.URL}}" target="_blank" rel="nofollow">{{.Name}}</a>{{end}}
        </div>
        {{end}}
      </div>
    </div>

    <div class="footer-copy">
      <div>{{index .ThemesExt "copyright"}}</div>
      <div>
        <span>{{index .ThemesExt "icp"}}</span>
        {{if index .ThemesExt "police"}}<span> · {{index .ThemesExt "police"}}</span>{{end}}
      </div>
    </div>
  </div>
</footer>
</div>
</body>
</html>