<?xml version="1.0" encoding="UTF-8"?>
<template name="Match-up" category="Sports" description="Full-screen VS card for an upcoming fixture." fullscreen="true" anim="fade" animMs="600">
  <field id="team1" label="Home team" default="NEW YORK"/>
  <field id="color1" label="Home colour" type="color" default="#2563eb"/>
  <field id="team2" label="Away team" default="LOS ANGELES"/>
  <field id="color2" label="Away colour" type="color" default="#dc2626"/>
  <field id="info" label="Kick-off / info" default="SATURDAY · 8:00 PM"/>

  <rect x="0" y="0" w="960" h="1080" fill="linear(135,{color1},#0b0d10)"/>
  <rect x="960" y="0" w="960" h="1080" fill="linear(225,{color2},#0b0d10)"/>
  <rect x="0" y="0" w="1920" h="1080" fill="rgba(0,0,0,0.25)"/>
  <text x="480" y="500" align="center" valign="middle" size="76" weight="900" color="#ffffff" shadow="20,rgba(0,0,0,0.5),4" maxWidth="820">{team1}</text>
  <text x="1440" y="500" align="center" valign="middle" size="76" weight="900" color="#ffffff" shadow="20,rgba(0,0,0,0.5),4" maxWidth="820">{team2}</text>
  <rect x="860" y="460" w="200" h="200" radius="100" fill="rgba(11,13,16,0.9)" stroke="rgba(255,255,255,0.2)" strokeWidth="3"/>
  <text x="960" y="560" align="center" valign="middle" size="72" weight="900" color="#ffffff">VS</text>
  <rect x="660" y="760" h="80" radius="40" fill="rgba(11,13,16,0.9)" fit="info" pad="40" min="400"/>
  <text id="info" x="960" y="760" h="80" align="center" valign="middle" size="34" weight="800" color="#ffffff" letterSpacing="2" maxWidth="900">{info}</text>
</template>
