<template>
  <div class="nationals">
    <main>
      <div class="bg">
      <video playsinline autoplay loop muted poster="https://cms.aplesports.com/storage/uploads/2021/02/13/6027fdac525c5unknown.png">
          <source src="/flag-bg.webm" type="video/webm">
        </video>
      </div>
      <div class="container presenting">
        registration
      </div>
      <div class="container brand">
        <img src="https://cms.aplesports.com/storage/uploads/2021/02/11/6024e388e7fd9APL_Nationals_Logo-Flag-white.png" alt="APL Nationals Logo Flag">
        <img src="https://cms.aplesports.com/storage/uploads/2021/02/14/6028fd6eeac77Nationals-Text-Slim.gif" alt="APL Nationals Logo Text">
      </div>
      <div class="container psyonix">
        <img src="https://cms.aplesports.com/storage/uploads/2020/06/03/5ed7144204020Sponsored_By_Psyonix.png" alt="Sponsored by Psyonix">
      </div>
      <div class="container grid">
        <div class="vertical-card">
          <div class="card__header">
            <div class="card__header__img">
              <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/6027e1b3ec514APLN-Japan.png" alt="Japanese Nationals Logo">
            </div>
            <div class="card__header__title">Japanese<br>Nationals</div>
            <div class="card__header__date">Mar 13 - Apr 3<br><br></div>
          </div>
          <div class="card__body">
            <p>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-5h1a3 3 0 0 0 0-6H7.99a1 1 0 0 1 0-2H14V5h-3V3H9v2H8a3 3 0 1 0 0 6h4a1 1 0 1 1 0 2H6v2h3v2h2v-2z"/></svg>
              $8,000
            </p>
            <div class="card__body__cta">
              <a href="https://smash.gg/JapaneseNational" target="_blank">Register</a>
            </div>
          </div>
        </div>
        <div class="vertical-card">
          <div class="card__header">
            <div class="card__header__img">
              <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/6027e1b49865aAPLN-SGP.png" alt="Japanese Nationals Logo">
            </div>
            <div class="card__header__title">Singaporean<br>Nationals</div>
            <div class="card__header__date">Mar 7 - Mar 14<br><br></div>
          </div>
          <div class="card__body">
            <p>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-5h1a3 3 0 0 0 0-6H7.99a1 1 0 0 1 0-2H14V5h-3V3H9v2H8a3 3 0 1 0 0 6h4a1 1 0 1 1 0 2H6v2h3v2h2v-2z"/></svg>
              $3,500
            </p>
            <div class="card__body__cta">
              <a href="https://smash.gg/SingaporeanNational" target="_blank">Register</a>
            </div>
          </div>
        </div>
        <div class="vertical-card">
          <div class="card__header">
            <div class="card__header__img">
              <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/6027e1b326749APLN-India.png" alt="Japanese Nationals Logo">
            </div>
            <div class="card__header__title">Indian<br>Nationals</div>
            <div class="card__header__date">Apr 10 - Apr 11<br><br></div>
          </div>
          <div class="card__body">
            <p>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-5h1a3 3 0 0 0 0-6H7.99a1 1 0 0 1 0-2H14V5h-3V3H9v2H8a3 3 0 1 0 0 6h4a1 1 0 1 1 0 2H6v2h3v2h2v-2z"/></svg>
              $2,000
            </p>
            <div class="card__body__cta">
              <a href="https://smash.gg/IndianNational" target="_blank">Register</a>
            </div>
          </div>
        </div>
        <div class="vertical-card">
          <div class="card__header">
            <div class="card__header__img">
              <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/6027e1b39db51APLN-Indonesia.png" alt="Indonesian Nationals Logo">
            </div>
            <div class="card__header__title">Indonesian<br>Nationals</div>
            <div class="card__header__date">Mar 21 - Mar 28<br><br></div>
          </div>
          <div class="card__body">
            <p>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-5h1a3 3 0 0 0 0-6H7.99a1 1 0 0 1 0-2H14V5h-3V3H9v2H8a3 3 0 1 0 0 6h4a1 1 0 1 1 0 2H6v2h3v2h2v-2z"/></svg>
              $3,500
            </p>
            <div class="card__body__cta">
              <a href="https://smash.gg/IndonesianNational" target="_blank">Register</a>
            </div>
          </div>
        </div>
        <div class="vertical-card">
          <div class="card__header">
            <div class="card__header__img">
              <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/6027e1b446510APLN-Saudi.png" alt="Saudi Arabian Nationals Logo">
            </div>
            <div class="card__header__title">Saudi Arabian<br>Nationals</div>
            <div class="card__header__date">Mar 12 - Apr 2<br><br></div>
          </div>
          <div class="card__body">
            <p>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm1-5h1a3 3 0 0 0 0-6H7.99a1 1 0 0 1 0-2H14V5h-3V3H9v2H8a3 3 0 1 0 0 6h4a1 1 0 1 1 0 2H6v2h3v2h2v-2z"/></svg>
              $8,000
            </p>
            <div class="card__body__cta">
              <a href="https://smash.gg/SaudiArabianNational" target="_blank">Register</a>
            </div>
          </div>
        </div>
      </div>
      <div class="container deets">
        <router-link to="/nationals" class="btn">View Details</router-link>
      </div>
    </main>
    <div class="footer">
      Rocket League, Psyonix, and all related marks and logos are trademarks or registered trademarks of Psyonix LLC and used under license.  &copy; 2015-2020 Licensed by Psyonix LLC, All rights reserved. All other trademarks are property of their respective owners.
    </div>
  </div>
</template>
