{% extends 'Base/base.html' %}
{% block body %}
    <div class="page-content">
        {% if message %}
        <div class="notification-container" data-type="{{message.type}}">
            <div class="notification-title">{% if message.type == 'error' %}Oeps!{% elseif message.type == 'success' %}Jeuj!{% else %}Info!{% endif %}</div>
            <div class="notification-content">{{message.body}}</div>
        </div><br><br>
        {% endif %}

        <div class="left-side">
            <article class="default-section">
                <h3 class="aside-title">Leet Club voordelen</h3>

                <div class="scroll-content">
                    <p>Leet Club biedt je een lawine aan extra mogelijkheden bovenop het toch al zo rijke Leetleven. Zo zijn er ook speciale commando's, de mogelijkheid om 1500(!) vrienden in je lijst te plaatsen, en een badge om aan iedereen te kunnen laten zien dat je VIP bent. Check de lijst voor meer informatie over wat je krijgt.</p>
                    <h4>1. 9 miljoen credits, 10 duizend duckets & 500 diamanten!</h4>
                    <p>Hiermee kun je nog meer kopen dan dat je waarschijnlijk al kon. Ha-ha...</p>

                    <h4>2. Leet Club & Catalogus Zeldzaams Meubi</h4>
                    <p>Je ontvangt twéé cadeau's in je inventaris met daarin een <b><a href="{{path}}/ruilwaarde/leet-club" target="_blank">Leet Club Meubi</a></b> en een <b><a href="{{path}}/ruilwaarde/catalogus-zeldzaam" target="_blank">Oude Catalogus Zeldzaam</a></b> Meubi.</p>

                    <h4>3. Speciale Meubi's</h4>
                    <p>Natuurlijk is er niks leukers dan een mooie kamer te hebben met exclusieve meubi's. Daarom kun je als Leet Club in de Catalogus speciale meubels kopen onder het tabje '<b>VIP</b>'.</p></p>

                    <h4>4. Limited Edition Meubi's</h4>
                    <p>Je krijgt toegang tot de speciale <b>Limited Edition Zeldzaams</b>. (Deze is alleen geopend wanneer er voorraad is!)</p>

                    <h4>5. Nieuwste Meubi's</h4>
                    <p>Als Leet Club lid zul jij altijd als eerst de nieuwste meubels zien die later voor normale Leet's in de Catalogus komen. Deze kun je vinden onder het tabje '<b>VIP</b>' en dan '<b>Nieuwste Meubels</b>' in de Catalogus.</p>

                    <h4>6. Speciale Kleding (<b>In de maak</b>)</h4>
                    <p>Je hebt toegang tot de VIP kleding in de Catalogus onder het tabje '<b>VIP</b>'.</p></p>

                    <h4>7. Volle kamer(s)</h4>
                    <p>Zie je een kamer die al helemaal vol is? Jij als Leet VIP kunt er gewoon in :-)</p>

                    <h4>8. Korter typverbod</h4>
                    <p>Je hebt een korter typverbod <b>10 seconden</b>. Overspoelen van kamers kan eindigen in <b>ban</b>!</p>

                    <h4>9. Meer respect</h4>
                    <p>Je kunt <b>10 respect</b> weggeven aan Leet's (Normaal 5).</p>

                    <h4>10. Speciale commando's</h4>
                    <p>Het is natuurlijk ook erg leuk om een beetje op te vallen en daarom kun je meer commando's dan een normale Leet.</p>
                    <p>
                        <ul class="thumb-style">
                            <li><b>:duw (<i>Leetnaam</i>)</b> duwt de gewenste Leet 1 vak naar voor</li>
                            <li><b>:trek (<i>Leetnaam</i>)</b> trek een Leet naar je toe</li>
                            <li><b>:kus (<i>Leetnaam</i>)</b> geef een kusje aan een Leet</li>
                            <li><b>:sla (<i>Leetnaam</i>)</b> sla een Leet</li>
                            <li><b>:dans (<i>1 tot 4</i>)</b> dans in de kamer</li>
                            <li><b>:gezichtloos</b> loop door Leet zonder gezicht! :-)</li>
                            <li><b>:trashvrij</b> zorgt ervoor dat Leet's met rechten niks kunnen verplaatsen.</li>
                            <li><b>:huisdier (<i>lijst</i>)</b> zal je veranderen in het dier dat je kiest uit de lijst</li>
                            <li><b>:zit</b> zitten op de grond</li>
                            <li><b>:lig</b> liggen op de grond</li>
                            <li><b>:badge</b> toont jouw badge aan alle Leet's.</li>
                            <li><b>:stem (<i>bericht</i>)</b> laat iedereen in je eigen kamer stemmen</li>
                            <li><b>:lig</b> liggen op de grond</li>
                        </ul>
                    </p>

                    <h4>11. Speciale badges</h4>
                    <p>
                        Je ontvangt <b>6 speciale</b> badges<br>
                        <img src="{{cpath}}/c_images/album1584/HC1.gif"> <img src="{{cpath}}/c_images/album1584/ACH_DonatieClub1.gif"> <img src="{{cpath}}/c_images/album1584/VIP.gif"> <img src="{{cpath}}/c_images/album1584/DON1.gif"> <img src="{{cpath}}/c_images/album1584/DON2.gif"> <img src="{{cpath}}/c_images/album1584/DON3.gif"><br>
                    </p>

                    <h4>12. Meer ruimte voor vrienden</h4>
                    <p>Als lid van de Leet Club kun je wel <strong>1500 vrienden</strong> in je Vriendenlijst toevoegen (normaal 1000). Da's waarschijnlijk zo veel meer dan je in werkelijkheid nodig gaat hebben. Nee, grapje. Neem me niet kwalijk. Maar effe serieus. Da's wel veel toch?</p>

                    <h4>13. Meer ruimte voor kamers</h4>
                    <p>Ook kun je als lid van Leet Club <strong>1000 kamers</strong> aanmaken (normaal 150). Niet dat het vaak voorkomt maar voor de zekerheid...</p>

                    <h4>14. Meer ruimte voor groepen</h4>
                    <p>Je kunt lid worden van <b>500 groepen</b> (normaal 150).</p>

                    <h4>15. Onbeperkt Leet Club :D!</h4>
                    <p>Als lid van de Leet Club kun je voor altijd genieten van de VIP extra's. Dus je bent na aankoop van de Leet Club voor <b>altijd</b> lid.</p>
                    </div>
            </article>
        </div>

        <div class="right-side">
            <aside class="default-section">
                <h3 class="aside-title">Koop Leet Club</h3>

                <form action="{{path}}/store/purchase/club" method="post">
                    <div class="column space-bottom">
                        <h5>Leetnaam</h5>

                        <input type="text" name="username_receiver" class="rounded-input blue plain" value="{{player.username}}">

                        <div class="form-help">
                            Is dit een cadeautje voor een andere Leet? Vul dan de Leetnaam van je vriend(in) in.
                        </div>
                    </div>

                    <div class="column">
                        <p style="text-align: center"><button class="rounded-button blue">Koop Leet Club (€10,00)</button></p>
                    </div>
                </form>
            </aside>

            <aside class="default-section">
                <h3 class="aside-title">Meer informatie</h3>
                <p>Heb je een vraag of probleem met <b>een aankoop</b>? Aarzel niet om contact op te nemen met de klantenservice via de <a href="{{path}}/help">Leet Help Tool</a>.</p>
            </aside>
        </div>
    </div>
{% endblock %}