<?xml version="1.0" encoding="UTF-8"?>
<template name="Scorebug Pro" category="Sports" description="Two teams, scores, a live game clock and period." anim="slide-down" from="top" animMs="450">
  <field id="team1" label="Home abbr." default="NYC"/>
  <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 abbr." default="LAX"/>
  <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="Q2"/>
  <field id="minutes" label="Clock (minutes)" type="number" default="12" min="0" max="120" step="0.5"/>

  <rect x="710" y="40" w="500" h="78" radius="10" fill="rgba(10,12,16,0.94)"/>
  <rect x="710" y="40" w="130" h="78" radius="10" fill="{color1}"/>
  <text x="775" y="68" align="center" size="30" weight="900" color="#ffffff">{team1}</text>
  <text x="775" y="100" align="center" size="34" weight="900" font="mono" color="#ffffff">{score1}</text>
  <rect x="1080" y="40" w="130" h="78" radius="10" fill="{color2}"/>
  <text x="1145" y="68" align="center" size="30" weight="900" color="#ffffff">{team2}</text>
  <text x="1145" y="100" align="center" size="34" weight="900" font="mono" color="#ffffff">{score2}</text>
  <text x="960" y="64" align="center" size="22" weight="800" color="#9ca3af" letterSpacing="1" uppercase="true">{period}</text>
  <clock x="960" y="94" align="center" size="30" weight="800" font="mono" color="#ffffff" warnColor="#f87171" warnAt="60" mode="countdown" minutes="{minutes}"/>
</template>
