package gallery

import (
	"bytes"
	"html/template"
)

// The Overview: the address every visitor lands on first. Its intro;
// then the demo application, framed, because what a first-time reader
// wants to know is what an app built with this looks like; then a
// route into each of the other pages, read off pageKinds() with each
// row's own blurb, so a page kind appears here the day its row lands.
const overviewBody = `{{define "ds-body-overview"}}<p class="ds-intro">{{say "gallery.overview.intro"}}</p>
<section class="ds-demo" id="demo-app">
<h2 class="ds-sub">{{say "gallery.demo.heading"}}</h2>
<p class="ds-lead">{{say "gallery.demo.lead"}}</p>
{{template "ds-view" .Demo}}
<p class="ds-note"><a data-gallery-nav href="{{.DemoHref}}" target="_blank" rel="noopener">{{say "gallery.demo.open"}}<span class="rst-sr-only"> ({{say "gallery.newtab"}})</span></a>.</p>
</section>
<h2 class="ds-sub">{{say "gallery.overview.next"}}</h2>
<ul class="ds-routes">{{range .Routes}}
<li><a data-gallery-nav href="{{.Href}}">{{.Label}}</a><span>{{.Blurb}}</span></li>{{end}}
</ul>
{{end}}`

// overviewBody renders the Overview's body for p: the page, with the
// demo's widget and address beside it.
func (s *site) overviewBody(p page) (template.HTML, error) {
	return s.body(p.Locale, "ds-body-overview", struct {
		page
		Demo     previewView
		DemoHref string
	}{p, s.demoView(p), s.demoHref(p.Theme, p.Locale)})
}

// body executes one named body template against data.
func (s *site) body(locale, name string, data any) (template.HTML, error) {
	t, err := s.templates(locale)
	if err != nil {
		return "", err
	}
	var b bytes.Buffer
	if err := t.ExecuteTemplate(&b, name, data); err != nil {
		return "", err
	}
	return template.HTML(b.String()), nil
}

func init() { registerTemplate(overviewBody) }