SAT405/themes/boxes.typ

#import "../utils/scripts.typ": *


#let focus-box(
  color: none,
  body,
) = {
  context [
    #let primary-color = color-primary.get()
    #show heading: set text(white)
    #show heading: set align(center + horizon)
    #show heading: set block(width: 108.696%, height: 1.2em, fill: primary-color)
    #if color != none [
      // Overwrite the color if provided
      #let focus-color = color
      #box(
        width: 100%,
        stroke: primary-color + .2em,
        fill: color,
        inset: 0%,
        [
          #box(
            inset: (top: 0%, left: 4%, right: 4%, bottom: 4%),
            body,
          )
        ],
      )
    ] else [
      #let focus-color = color-accent.get()
      #box(
        width: 100%,
        stroke: none, //primary-color+.2em,
        fill: focus-color,
        inset: 0%,
        [
          #box(
            inset: (top: 0%, left: 4%, right: 4%, bottom: 4%),
            body,
          )
        ],
      )
    ]
  ]
}


#let normal-box(
  color: none,
  body,
) = {
  context [
    #let primary-color = color-primary.get()
    #show heading: set text(white)
    #show heading: set align(center + horizon)
    #show heading: set block(
      width: 108.696%,
      height: 1.2em,
      // stroke: primary-color,
      fill: primary-color,
    )


    #if color != none [
      // Overwrite the default if provided
      #let focus-color = color
      #box(
        width: 100%,
        stroke: primary-color + .2em,
        fill: focus-color,
        inset: 0%,
        outset: 0%,
        [
          #box(
            inset: (top: 0%, left: 4%, right: 4%, bottom: 4%),
            body,
          )
        ],
      )
    ] else [
      #let focus-color = color
      #box(
        stroke: none, //primary-color+.2em,
        fill: color,
        inset: 0%,
        [
          #box(
            inset: (top: 0%, left: 4%, right: 4%, bottom: 1%),
            body,
          )
        ],
      )
    ]
  ]
}





#let poster-content(
  col: 3,
  body,
) = {
  context [
    #let primary-color = color-primary.get()
    #let bg-color = color-background.get()
    #let titletext-color = color-titletext.get()
    #let titletext-size = size-titletext.get()

    #let current-title = context title-content.get()
    #let current-subtitle = context subtitle-content.get()
    #let current-author = context author-content.get()
    #let current-affiliation = context affiliation-content.get()
    #let current-logo-1 = context logo-1-content.get()
    #let current-logo-2 = context logo-2-content.get()
    #let current-footer = context footer-content.get()

    // Table captions go above
    #show figure.where(kind: table): set figure.caption(position: top)
    #show figure.caption.where(kind: image): it => [
      // #context it.counter.display(it.numbering)
      // Since the #body is called twice, subtract half of the total figures to get the correct number
      Fig.
      #let last-counter = it.counter.final()
      #context { it.counter.get().at(0) - last-counter.at(0) / 2 }:
      #it.body
    ]
    #show figure.caption.where(kind: table): it => [
      Table
      #let last-counter = it.counter.final()
      #context { it.counter.get().at(0) - last-counter.at(0) / 2 }:
      #it.body
    ]

    // First, need body (hidden) to update header and footer
    #block(height: 0pt, hide[#body])
    #v(0pt, weak: true)

    #grid(
      columns: 1,
      rows: (16%, 70%, 14%),

      // Top = title row
      [
        #box(
          stroke: none,
          fill: primary-color,
          height: 100%,
          width: 100%,
          inset: 4%,

          grid(
            columns: (75%, 10%, 5%, 10%),
            rows: 100%,
            stroke: none,

            // Left
            [
              #place(horizon)[
                #set text(size: titletext-size, fill: titletext-color)
                *#current-title* #current-subtitle \
                #set text(size: 0.5em)
                #current-author \
                #current-affiliation
              ]
            ],

            // Center
            [
              #place(top + left)[#current-logo-2]
            ],

            // Extra gap for spacing logos
            [],

            // Right
            [
              #place(top + right, dy: 18pt, dx: 30pt)[#current-logo-1]
            ],
          ),
        )
      ],

      // Middle = body
      [
        #box(
          height: 100%,
          inset: 3%,
          fill: bg-color,
          stroke: 1pt,

          columns(col)[#body],
        )
      ],

      // Bottom = footer
      [
        #box(
          stroke: none,
          fill: bg-color,
          height: 100%,
          width: 100%,
          inset: 3%,

          align(left)[#current-footer],
          // align(right)[#bibliography()]
        )
      ],
    )

  ]
}