<style>

.lis {
	border-bottom: 1px solid #1e1e1e;
    margin-bottom: 9px;
}

</style>

<div id="register" class="modal_div">
    <span class="modal_close"></span>
    <?php if (__login()) : ?>
        <div class="account_logged_info">
            <div class="modalTitle">User Panel</div>
            <ul>
                <li class="name lis"><img src="<?= __files("images/user-icon.png") ?>" alt="" width="20"> <span class="float-right text-orange-300 text-xs"><?= accountuser()['name'] ?></span></li>
                <div class="info-coin-user">
                    <?php foreach (accountuser()['coins'] as $coin) : ?>
                        <?php if (strtolower($coin['name']) != "creation" and strtolower($coin['name']) != "bless" and strtolower($coin['name']) != "soul" and strtolower($coin['name']) != "life" and strtolower($coin['name']) != "chaos" and strtolower($coin['name']) != "harmony" and strtolower($coin['name']) != "guardian") : ?>
                            <li class="<?= strtolower($coin['name']) ?> lis"><?= $coin['name'] ?> <span class="float-right text-orange-300 text-xs"><?= $coin['amount'] ?></span></li>
                        <?php else : ?>
                            <li class="flex-c lis"><img src="<?= __files("images/jewels/" . strtolower($coin['name'])) ?>.webp" alt=""> <span class="float-right text-orange-300 text-xs"><?= $coin['amount'] ?></span></li>
                        <?php endif; ?>
                    <?php endforeach; ?>
                </div>
                <div class="details-vip">
                    <li class="vip lis"> VIP: <span class="float-right text-orange-300 text-xs"><?= accountuser()['vip'] ?></span></li>
                    <li class="expire lis"> Expire: <span class="float-right text-orange-300 text-xs"><?= accountuser()['expiration'] ?></span></li>
                </div>
            </ul><br><br><br>
            <ul style="
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
" class="mt-4">
                <li><a style="
    background: #b54400;
    padding: 8px 30px;
" href="<?= __redirect("user/info") ?>">My Account</a></li>
                <li><a style="
    background: #b54400;
    padding: 8px 30px;
" href="<?= __redirect("user/ticket") ?>">Support</a></li>
                <?php if (plugin()->market) : ?>
                    <li><a href="<?= __redirect("market/vault") ?>">My Vault</a></li>
                    <li><a href="<?= __redirect("market/all/items") ?>">Market Items</a></li>
                    <li><a href="<?= __redirect("market/my/characters") ?>">Market Characters</a></li>
                <?php endif; ?>
                <?php if (plugin()->jewels) : ?>
                    <li><a href="<?= __redirect("jewels/vault") ?>">Convert jewelry to coins</a></li>
                <?php endif; ?>
                <li><a style="
    background: #b54400;
    padding: 8px 30px;
" href="<?= __redirect("user/characters") ?>">My Characters</a></li>
            </ul>
            <br><br><br>
            <a href="<?= __redirect("user/logout") ?>" class="button">Logout</a>
        </div>
    <?php else : ?>
        <form action="<?= __redirect("auth/login/account") ?>" method="post">
            <?= __csrf(); ?>
            <div class="modalContent">
                <span class="modalTitle">Sign In</span>
                <div class="fields">
                    <div class="fieldGroup">
                        <span>Login</span>
                        <input type="text" name="account_user" autocomplete="off">
                    </div>
                    <div class="fieldGroup">
                        <span>Password</span>
                        <input type="password" name="account_passwd" autocomplete="off">
                    </div>
                </div><!--fields-->
                <div class="enter flex-s-c">
                    <div class="enterLinks">
                        <p><a href="<?= __redirect('recover/password') ?>" class="forgot">Forgot Password?</a></p>
                        <p><a href="<?= __redirect('register') ?>" class="sign">Sign Up</a></p>
                    </div>
                    <button class="button-blue">Sign In Now</button>
                </div>
            </div><!--modalContent-->
        </form>
    <?php endif; ?>
</div>