<?= $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>Download</span>
        </div>
        <div class="downloadBlock-content">
            <div class="downloadBlock">
                <div class="downloadBlock-title">
                    Files
                </div>
                <table style="
    position: relative;
    left: -53px;
">
                    <thead class="text-xs text-gray-700 uppercase bg-gray-200/80">
                        <tr>
                            <td scope="col" class="px-6 py-3"><b>Titulo</b></td>
                            <td scope="col" class="px-6 py-3"><b>Descrição</b></td>
                            <td scope="col" class="px-6 py-3" align="center"><b>Tamanho</b></td>
                            <td scope="col" class="px-6 py-3"></td>
                        </tr>
                    </thead>
                    <tbody class="text-xs text-gray-700 uppercase bg-gray-50">
                        <?php if ($downloads) : foreach ($downloads as $download) : ?>
                                <tr class="bg-white border-b">
                                    <td class="px-6 py-4"><?= $download['name'] ?></td>
                                    <td class="px-6 py-4"><?= $download['desc'] ?></td>
                                    <td class="px-6 py-4" align="center"><?= $download['size'] ?></td>
                                    <td class="px-6 py-4" align="center"><a href="<?= $download['url'] ?>" target="_blank" class="button">
                                            Download
                                        </a></td>
                                </tr>
                        <?php endforeach;
                        endif; ?>
                    </tbody>
                </table>
            </div><!--downloadBlock-->
            <div class="downloadBlock">
                <div class="downloadBlock-title">
                    Update client
                </div>
                <div class="downloadBlock-text">
                    If you have any problems update with launcher, download full
                    manual and extract to folder cabalizer
                </div>
                <div class="downloadBlock-button">
                    <a href="" class="button">Download</a>
                </div>
            </div><!--downloadBlock-->
        </div>
        <div class="drivers">
            <span>Drivers</span>
            <div class="drivers-img flex-s-c">
                <a href="https://www.nvidia.com/pt-br/"><img src="<?= __files('images/nvidia.jpg') ?>" alt="Nvidia"></a>
                 <a href="https://www.microsoft.com/pt-br/download/details.aspx?id=35"><img src="<?= __files('images/directx.jpg') ?>" alt="Directx"></a>
                 <a href="https://dotnet.microsoft.com/pt-br/download/dotnet-framework"><img src="<?= __files('images/framework.jpg') ?>" alt="Framework"></a>
                 <a href="https://www.microsoft.com/en-us/download/details.aspx?id=40784"><img src="https://i.ytimg.com/vi/yMiZTwAzxlE/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLBHjp2sFCTZjbHv7MTKDVH7HM-4YA" style="width:221px; height:109px;" alt="Framework"></a>
            </div>
        </div><!--drivers-->
        
        <!--<div class="mirror">
            <span class="mirror-title">This section contains all the necessary files to start playing Metin2 on our server</span>
            <div class="mirrorBlock">
                <p>Download Mirror 1 [Google Drive]: <span>Download - 1.45 GB</span></p>
                <a href="" class="button">Download</a>
            </div>
            <div class="mirrorBlock">
                <p>Download Mirror 2 [Mega]: <span>Download - 1.45 GB</span></p>
                <a href="" class="button">Download</a>
            </div>
            <div class="mirrorBlock">
                <p>Download Mirror 3 [Dropbox]: <span>Download - 1.45 GB</span></p>
                <a href="" class="button">Download</a>
            </div>
        </div>-->
    </div>
</main>