<?= $this->layout('_layout', ['title' => $title]); ?>

<main class="main">
    <?= $this->insert('includes/aside_info') ?>

    <div class="content">
        <div class="h2-title h2-title-content flex-s-c">
            <span>Coins</span>
        </div>

        <div class="mt-4">
            <div>
                <section class="information">
                    <h1>O que é Vip?</h1>
                    <article class="p-2">
                        <p class="py-2 text-xs">VIP é um sistema implementado pelo Servidor, com o objetivo de arrecadar fundos para a manutenção e atualizações do Servidor</p>
                        <p class="py-2 text-xs">O Player VIP, como detalhado no menu de vantagens, possui diversas facilidades no decorrer do Game, trazendo maior entretenimento e transformando tal Player em um Player 'Especial'.</p>
                    </article>
                </section>
                <div class="my-4"></div>
                <section class="information">
                    <h1>Porque devo ser VIP?</h1>
                    <article class="p-2">
                        <p class="py-2 text-xs">Ao fazer uma doação para obter VIP, você estara ajudando o servidor a mante-lo estavel, livre de erros e falhas, principalmente de hackers.</p>
                    </article>
                </section>
                <div class="my-4"></div>
                <section class="information">
                    <h1>Como posso obter VIP?</h1>
                    <article class="p-2">
                        <p class="py-2 text-xs">A forma mais pratica de se obter vip, é comprando com Crédito.</p>
                        <p class="py-2 text-xs">Para comprar vip <a href="<?= __redirect('packages') ?>">clique aqui</a></p>
                    </article>
                </section>
                <br>
                <div>
                    <table class="w-full">
                        <tbody>
                            <tr>
                                <td>Previlêgios</td>
                                <td align="center">FREE</td>
                                <td align="center">VIP</td>
                            </tr>
                            <tr>
                                <td>Reset no mesmo lugar</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr>
                            <tr>
                                <td>Trocar de nick</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr>
                            <tr>
                                <td>Trocar classe</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>Limpar inventário</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>/abrirbau</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>/pack /unpack</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>Desconto na Loja X</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">5%</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">15%</td>
                            </tr><tr>
                                <td>Vantagens na Chaos Machine</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>Vantagens em XP</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">Não</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">Sim</td>
                            </tr><tr>
                                <td>Gold por Hora online</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">20</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">30</td>
                            </tr><tr>
                                <td>Quantidade de baús [Pode ser adquirido baús extras.]</td>
                                <td class="px-6 py-4" align="center" style="color:#FF2626;">5</td>
                                <td class="px-6 py-4" align="center" style="color:#2DB200;">20</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</main>
