<?= $this->layout('_theme', ['title' => $title, 'subtitle' => 'Detalhes da conta - ' . $information['account']->account]); ?>

<div class="p-4 bg-gray-100 rounded-lg">
    <div class="flex flex-wrap gap-5 mb-4">
        <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Usúario:</span> <?= $information['account']->account ?></p>
        <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Senha:</span> <?= $information['account']->passwd ?></p>
        <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">E-mail:</span> <?= $information['account']->email ?></p>
        <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Plano:</span> <?= vip[$information['account']->type_vip] ?></p>
        <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Expira em:</span> <?= date("d/m/Y H:i:s", strtotime($information['account']->expire_date)) ?></p>
    </div>
    <div class="flex flex-wrap gap-5 border-b border-dashed pb-4 mb-4 border-neutral-400">
        <?php foreach ($information['coins'] as $coin) : ?>
            <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block"><?= $coin['name'] ?>:</span> <?= $coin['amount'] ?></p>
        <?php endforeach; ?>
    </div>

    <div class="flex flex-wrap gap-5 border-b border-dashed pb-4 mb-4 border-neutral-400">
        <?php foreach ($information['characters'] as $character) : ?>
            <div class="p-2 bg-neutral-200 w-full">
                <h2 class="my-1 text-[13px] mb-3"><span class="text-sm">Personagem:</span> <?= $character->name ?>
                    <a href="<?= __redirect('administration/character/edit/' . $character->name) ?>" class="bg-blue-500 text-xs py-1 rounded-sm px-2 text-white hover:bg-blue-700 ml-5"><i class="fas fa-share"></i> Editar personagem</a>
                </h2>
                <div class="flex flex-wrap gap-5">
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Level:</span> <?= $character->level ?></p>
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Classe:</span> <?= characters['classes'][$character->class]['name'] ?></p>
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Força:</span> <?= $character->strength ?></p>
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Agilidade:</span> <?= $character->dexterity ?></p>
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Vitalidade:</span> <?= $character->vitality ?></p>
                    <p class="my-1 text-[13px] bg-gray-500 py-1 px-2 rounded-sm text-white border drop-shadow shadow-sm w-56"><span class="text-xs text-gray-300 block">Energia:</span> <?= $character->energy ?></p>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
</div>