<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">
                Presenting
            </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 introp">
                Welcome to the APL Nationals! With $25,000 on the line across five countries, it's set to be an exciting month of national competition. Teams from Saudi Arabia, Japan, Indonesia, Singapore, and India will be competing for their share of the Psyonix-sponsored prize pool, so get your team together and sign up now!
                <div>
                    <a href="https://cms.aplesports.com/storage/uploads/2021/02/10/602424bbcbc6dAPL-NATIONALS---Official-Ruleset-v1.0.pdf" class="btn" target="_blank">Rulebook</a>
                </div>
            </div>
            <div class="container poster heading">
                <img src="https://cms.aplesports.com/storage/uploads/2021/02/13/602750fe497e7APLN-Website-Banner.jpg" alt="APL Nationals Poster">
            </div>
            <div class="container tier t1">
                <ul>
                    <div>
                        Saudi Arabia
                        <img src="https://upload.wikimedia.org/wikipedia/commons/0/0d/Flag_of_Saudi_Arabia.svg" alt="Saudi Arabia Flag">
                    </div>
                    <li>Qualifier: Mar 12, 2021 5PM KSA</li>
                    <li>Last Chance Qualifier: Mar 19, 2021 5PM KSA</li>
                    <li>Group Stage: Mar 26, 2021 7PM KSA</li>
                    <li>Playoffs: Apr 2, 2021 7PM KSA</li>
                    <a href="https://smash.gg/SaudiArabianNational" class="btn" target="_blank">Register</a>
                </ul>
                <ul>
                    <div>
                        Japan
                        <img src="https://upload.wikimedia.org/wikipedia/en/9/9e/Flag_of_Japan.svg" alt="Japan Flag">
                    </div>
                    <li>Qualifier: Mar 13, 2021 6PM JST</li>
                    <li>Last Chance Qualifier: Mar 20, 2021 6PM JST</li>
                    <li>Group Stage: Mar 27, 2021 7PM JST</li>
                    <li>Playoffs: Apr 3, 2021 7PM JST</li>
                    <a href="https://smash.gg/JapaneseNational" class="btn" target="_blank">Register</a>
                </ul>
            </div>
            <div class="container tier t2">
                <ul>
                    <div>
                        Indonesia
                        <img src="https://upload.wikimedia.org/wikipedia/commons/9/9f/Flag_of_Indonesia.svg" alt="Indonesia Flag">
                    </div>
                    <li>Qualifier: Mar 21, 2021 5PM WIB</li>
                    <li>Finals: Mar 28, 2021 7PM WIB</li>
                    <a href="https://smash.gg/IndonesianNational" class="btn" target="_blank">Register</a>
                </ul>
                <ul>
                    <div>
                        Singapore
                        <img src="https://upload.wikimedia.org/wikipedia/commons/4/48/Flag_of_Singapore.svg" alt="Singapore Flag">
                    </div>
                    <li>Qualifier: Mar 7, 2021 5PM SGT</li>
                    <li>Finals: Mar 14, 2021 7PM SGT</li>
                    <a href="https://smash.gg/SingaporeanNational" class="btn" target="_blank">Register</a>
                </ul>
            </div>
            <div class="container tier t3">
                <ul>
                    <div>
                        India
                        <img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Flag_of_India.svg/1200px-Flag_of_India.svg.png" alt="India Flag">
                    </div>
                    <li>Qualifier: Apr 10, 2021 5PM IST</li>
                    <li>Finals: Apr 11, 2021 7PM IST</li>
                    <a href="https://smash.gg/IndianNational" class="btn" target="_blank">Register</a>
                </ul>
            </div>
            <div class="container trailer">
                <iframe src="https://www.youtube.com/embed/7mZzs6-4_Nw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </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>
