<div class="list-group">
    <a href="<?= url("restrito")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "" ? "active" : null);?>">Home <i class="fal fa-home float-right"></i></a>
    <a href="<?= url("restrito/perfil")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "perfil" ? "active" : null);?>">Perfil <i class="fal fa-user float-right"></i></a>
    <a href="<?= url("restrito/login")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "login" ? "active" : null);?>">Dados de Login <i class="fal fa-user-lock float-right"></i></a>
    <a href="<?= url("restrito/enderecos")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "enderecos" ? "active" : null);?>">Endereços <i class="fal fa-address-book float-right"></i></a>
    <a href="<?= url("restrito/pedidos")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "pedidos" ? "active" : null);?>">Pedidos <i class="fal fa-receipt float-right"></i></a>
    <a href="<?= url("restrito/cartoes")?>" class="list-group-item list-group-item-action clearfix <?=(explode("/", $selected)[1] == "cartoes" ? "active" : null);?>">Cartões <i class="fal fa-credit-card float-right"></i></a>
    <a href="<?= url("/sair")?>" class="list-group-item list-group-item-action clearfix">Logout <i class="fal fa-sign-out-alt float-right"></i></a>
</div>

<div class="fancy-title topmargin title-border">
    <h4>Sobre Mim</h4>
</div>

<p><?= user()->data()->about ? user()->data()->about : "Perfil não preenchido, complete seu perfil";?></p>

<div class="fancy-title topmargin title-border">
    <h4>Redes Sociais</h4>
    <p>Suas redes sociais</p>
</div>

<a href="#" class="social-icon si-facebook si-small si-rounded si-light" title="Facebook">
    <i class="icon-facebook"></i>
    <i class="icon-facebook"></i>
</a>

<a href="#" class="social-icon si-gplus si-small si-rounded si-light" title="Google+">
    <i class="icon-gplus"></i>
    <i class="icon-gplus"></i>
</a>

<a href="#" class="social-icon si-dribbble si-small si-rounded si-light" title="Dribbble">
    <i class="icon-dribbble"></i>
    <i class="icon-dribbble"></i>
</a>

<a href="#" class="social-icon si-flickr si-small si-rounded si-light" title="Flickr">
    <i class="icon-flickr"></i>
    <i class="icon-flickr"></i>
</a>

<a href="#" class="social-icon si-linkedin si-small si-rounded si-light" title="LinkedIn">
    <i class="icon-linkedin"></i>
    <i class="icon-linkedin"></i>
</a>

<a href="#" class="social-icon si-twitter si-small si-rounded si-light" title="Twitter">
    <i class="icon-twitter"></i>
    <i class="icon-twitter"></i>
</a>