<?xml version="1.0" encoding="UTF-8"?>
<template name="Scorebug" category="Sports" description="Two teams, scores and the period." anim="slide-down" from="top" animMs="450">
  <field id="team1" label="Home team" default="HOME"/>
  <field id="score1" label="Home score" type="number" default="0" min="0" max="999" step="1"/>
  <field id="color1" label="Home colour" type="color" default="#2563eb"/>
  <field id="team2" label="Away team" default="AWAY"/>
  <field id="score2" label="Away score" type="number" default="0" min="0" max="999" step="1"/>
  <field id="color2" label="Away colour" type="color" default="#dc2626"/>
  <field id="period" label="Period" default="1ST"/>

  <rect x="48" y="48" w="520" h="64" radius="8" fill="rgba(12,15,20,0.92)"/>
  <rect x="48" y="48" w="8" h="64" fill="{color1}"/>
  <text x="70" y="80" valign="middle" size="30" weight="800" color="#ffffff" uppercase="true" maxWidth="122">{team1}</text>
  <rect x="200" y="56" w="64" h="48" radius="6" fill="{color1}"/>
  <text x="232" y="81" align="center" valign="middle" size="34" weight="800" font="mono" color="#ffffff">{score1}</text>
  <rect x="270" y="56" w="64" h="48" radius="6" fill="{color2}"/>
  <text x="302" y="81" align="center" valign="middle" size="34" weight="800" font="mono" color="#ffffff">{score2}</text>
  <text x="348" y="80" valign="middle" size="30" weight="800" color="#ffffff" uppercase="true" maxWidth="122">{team2}</text>
  <rect x="482" y="56" w="78" h="48" radius="6" fill="rgba(255,255,255,0.1)"/>
  <text x="521" y="81" align="center" valign="middle" size="22" weight="800" color="#ffffff" uppercase="true" maxWidth="70">{period}</text>
</template>
