<body class="app header-fixed sidebar-fixed aside-menu-fixed sidebar-lg-show">
    <header class="app-header navbar">
      <button class="navbar-toggler sidebar-toggler d-lg-none mr-auto" type="button" data-toggle="sidebar-show">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand" href="<?php e(base_url()); ?>" target="_blank">
          <h2 style="color: #003859;">Conversão</h2>
        <!--<img class="navbar-brand" src="<?php //echo base_url('assets/img/comdono/logo-full.png'); ?>" alt="Comdono Logo">-->
      </a>
      <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" data-toggle="sidebar-lg-show">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!--<ul class="nav navbar-nav d-md-down-none">
        <li class="nav-item px-3">
          <a class="nav-link" href="#">Dashboard</a>
        </li>
        <li class="nav-item px-3">
          <a class="nav-link" href="#">Usuários</a>
        </li>
        <li class="nav-item px-3">
          <a class="nav-link" href="#">Configurações</a>
        </li>
      </ul>-->
      <ul class="nav navbar-nav ml-auto">
        <!--<li class="nav-item dropdown d-md-down-none">
            <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="icon-bell"></i>
            <span class="badge badge-pill badge-danger">5</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
            <div class="dropdown-dropdown-header text-center">
            <strong>You have 5 notifications</strong>
            </div>
            <a class="dropdown-item" href="#">
            <i class="icon-user-follow text-success"></i> New user registered</a>
            <a class="dropdown-item" href="#">
            <i class="icon-user-unfollow text-danger"></i> User deleted</a>
            <a class="dropdown-item" href="#">
            <i class="icon-chart text-info"></i> Sales report is ready</a>
            <a class="dropdown-item" href="#">
            <i class="icon-basket-loaded text-primary"></i> New client</a>
            <a class="dropdown-item" href="#">
            <i class="icon-speedometer text-warning"></i> Server overloaded</a>
            <div class="dropdown-dropdown-header text-center">
            <strong>Server</strong>
            </div>
            <a class="dropdown-item" href="#">
            <div class="text-uppercase mb-1">
            <small>
            <b>CPU Usage</b>
            </small>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            <small class="text-muted">348 Processes. 1/4 Cores.</small>
            </a>
            <a class="dropdown-item" href="#">
            <div class="text-uppercase mb-1">
            <small>
            <b>Memory Usage</b>
            </small>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            <small class="text-muted">11444GB/16384MB</small>
            </a>
            <a class="dropdown-item" href="#">
            <div class="text-uppercase mb-1">
            <small>
            <b>SSD 1 Usage</b>
            </small>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            <small class="text-muted">243GB/256GB</small>
            </a>
            </div>
        </li>
        <li class="nav-item dropdown d-md-down-none">
            <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
            <i class="icon-list"></i>
            <span class="badge badge-pill badge-warning">15</span>
            </a>
            <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
            <div class="dropdown-dropdown-header text-center">
            <strong>You have 5 pending tasks</strong>
            </div>
            <a class="dropdown-item" href="#">
            <div class="small mb-1">Upgrade NPM &amp; Bower
            <span class="float-right">
            <strong>0%</strong>
            </span>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-info" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            </a>
            <a class="dropdown-item" href="#">
            <div class="small mb-1">ReactJS Version
            <span class="float-right">
            <strong>25%</strong>
            </span>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-danger" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            </a>
            <a class="dropdown-item" href="#">
            <div class="small mb-1">VueJS Version
            <span class="float-right">
            <strong>50%</strong>
            </span>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            </a>
            <a class="dropdown-item" href="#">
            <div class="small mb-1">Add new layouts
            <span class="float-right">
            <strong>75%</strong>
            </span>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-info" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            </a>
            <a class="dropdown-item" href="#">
            <div class="small mb-1">Angular 2 Cli Version
            <span class="float-right">
            <strong>100%</strong>
            </span>
            </div>
            <span class="progress progress-xs">
            <div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
            </span>
            </a>
            <a class="dropdown-item text-center" href="#">
            <strong>View all tasks</strong>
            </a>
            </div>
        </li>-->
        
        <!--<li class="nav-item dropdown d-md-down-none">-->
        <!--    <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">-->
        <!--    <i class="icon-envelope-letter"></i>-->
        <!--    <span class="badge badge-pill badge-info">7</span>-->
        <!--    </a>-->
        <!--    <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">-->
        <!--    <div class="dropdown-dropdown-header text-center">-->
        <!--    <strong>You have 4 messages</strong>-->
        <!--    </div>-->
        <!--    <a class="dropdown-item" href="#">-->
        <!--    <div class="message">-->
        <!--    <div class="py-3 mr-3 float-left">-->
        <!--    <div class="avatar">-->
        <!--    <img class="img-avatar" src="<?php echo base_url() . 'themes/painel/img/avatars/7.jpg' ?>" alt="admin@bootstrapmaster.com">-->
        <!--    <span class="avatar-status badge-success"></span>-->
        <!--    </div>-->
        <!--    </div>-->
        <!--    <div>-->
        <!--    <small class="text-muted">John Doe</small>-->
        <!--    <small class="text-muted float-right mt-1">Just now</small>-->
        <!--    </div>-->
        <!--    <div class="text-truncate font-weight-bold">-->
        <!--    <span class="fa fa-exclamation text-danger"></span> Important message</div>-->
        <!--    <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>-->
        <!--    </div>-->
        <!--    </a>-->
        <!--    <a class="dropdown-item" href="#">-->
        <!--    <div class="message">-->
        <!--    <div class="py-3 mr-3 float-left">-->
        <!--    <div class="avatar">-->
        <!--    <img class="img-avatar" src="<?php echo base_url() . 'themes/painel/img/avatars/6.jpg' ?>" alt="admin@bootstrapmaster.com">-->
        <!--    <span class="avatar-status badge-warning"></span>-->
        <!--    </div>-->
        <!--    </div>-->
        <!--    <div>-->
        <!--    <small class="text-muted">John Doe</small>-->
        <!--    <small class="text-muted float-right mt-1">5 minutes ago</small>-->
        <!--    </div>-->
        <!--    <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>-->
        <!--    <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>-->
        <!--    </div>-->
        <!--    </a>-->
        <!--    <a class="dropdown-item" href="#">-->
        <!--    <div class="message">-->
        <!--    <div class="py-3 mr-3 float-left">-->
        <!--    <div class="avatar">-->
        <!--    <img class="img-avatar" src="<?php echo base_url() . 'themes/painel/img/avatars/5.jpg' ?>" alt="admin@bootstrapmaster.com">-->
        <!--    <span class="avatar-status badge-danger"></span>-->
        <!--    </div>-->
        <!--    </div>-->
        <!--    <div>-->
        <!--    <small class="text-muted">John Doe</small>-->
        <!--    <small class="text-muted float-right mt-1">1:52 PM</small>-->
        <!--    </div>-->
        <!--    <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>-->
        <!--    <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>-->
        <!--    </div>-->
        <!--    </a>-->
        <!--    <a class="dropdown-item" href="#">-->
        <!--    <div class="message">-->
        <!--    <div class="py-3 mr-3 float-left">-->
        <!--    <div class="avatar">-->
        <!--    <img class="img-avatar" src="<?php echo base_url() . 'themes/painel/img/avatars/4.jpg' ?>" alt="admin@bootstrapmaster.com">-->
        <!--    <span class="avatar-status badge-info"></span>-->
        <!--    </div>-->
        <!--    </div>-->
        <!--    <div>-->
        <!--    <small class="text-muted">John Doe</small>-->
        <!--    <small class="text-muted float-right mt-1">4:03 PM</small>-->
        <!--    </div>-->
        <!--    <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>-->
        <!--    <div class="small text-muted text-truncate">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</div>-->
        <!--    </div>-->
        <!--     </a>-->
        <!--    <a class="dropdown-item text-center" href="#">-->
        <!--    <strong>View all messages</strong>-->
        <!--    </a>-->
        <!--    </div>-->
        <!--</li>-->
        
        <!--<?php if (isset($contato) && !is_null($contato) && !empty($contato['num'])) {  ?>
        
        <li class="nav-item dropdown d-md-down-none">
            <a href="#" class="nav-link" data-toggle="dropdown" title="Mensagens">
              <i class="icon-envelope-letter"></i>
              <span class="badge badge-pill badge-info"><?php e($contato['num']); ?></span>
            </a>
            <ul class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
                
              <li class="dropdown-dropdown-header text-center">Você possui <?php e($contato['num']); ?> mensagens</li>
            
              <?php if($contato['num'] > 0){ ?>
              <?php foreach($contato['notes'] as $note){ ?>
                <li>
                    <ul class="menu">
                        <li class="message">
                            <a href="<?php echo $note['link']; ?>">
                                <h4><?php echo $note['name']; ?>
                                <small><i class="fa fa-clock-o"></i> <?php echo $note['data']; ?></small>
                                </h4>
                                <p><?php echo $note['msg']; ?></p>
                            </a>
                        </li>
                    </ul>
                </li>
              
              <?php } ?>
              <?php } ?>
              <li class="footer"><a class="dropdown-item text-center" class="dropdown-item text-center" href="<?php echo base_url('blog/conta/inbox'); ?>">Ver todas as Mensagens</a></li>
            </ul>
        </li>
        
        <?php }else{ ?>
        
        <li class="nav-item dropdown d-md-down-none">
            <a href="#" class="nav-link" data-toggle="dropdown">
              <i class="icon-envelope-letter"></i>
              <span class="badge badge-pill badge-info">0</span>
            </a>
            <ul class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
                <li class="dropdown-header text-center">Você não possui mensagens novas</li>
                <li class="footer"><a class="dropdown-item text-center" href="<?php echo base_url('blog/conta/inbox'); ?>">Ver todas as Mensagens</a></li>
            </ul>
        </li>
        
        <?php } ?>
    
        <?php if (isset($messages) && Toolbar::has_message()) {  ?>
        <li class="nav-item dropdown d-md-down-none">
            <a href="#" class="nav-link" data-toggle="dropdown" title="Notificações">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning"><?php e($messages['num']); ?></span>
            </a>
            <ul class="dropdown-menu">
                
              <li class="header">Você possui <?php e($messages['num']); ?> notificações</li>
            
              <?php if($messages['num'] > 0){ ?>
              <?php foreach($messages['notes'] as $note){ ?>
                <li>
                    <ul class="menu">
                      <li class="message">
                        <a href="<?php echo $note['link']; ?>">
                          <h4><?php echo $note['title']; ?></h4>
                          <p><?php echo $note['msg']; ?></p>
                        </a>
                      </li>
                    </ul>
                </li>
              
              <?php } ?>
              <?php } ?>
            </ul>
        </li>
        <?php } ?>-->
        
        <li class="no-pointer logout-countdown ml-2"> <span>Logout em:<br><i class="fa fa-clock-o"></i> <font id="clock"></font></span></li>
        <li class="nav-item dropdown profile-picture">
          <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
            <img class="img-avatar" src="<?php echo base_url().'themes/painel/img/avatars/admin_avatar.jpg' ?>" alt="Painel User">
          </a>
          <div class="dropdown-menu dropdown-menu-right">
            <!--<div class="dropdown-dropdown-header text-center">
              <strong>Account</strong>
            </div>
            <a class="dropdown-item" href="#">
              <i class="fa fa-bell-o"></i> Updates
              <span class="badge badge-info">42</span>
            </a>
            <a class="dropdown-item" href="#">
              <i class="icon-envelope-letter"></i> Messages
              <span class="badge badge-success">42</span>
            </a>
            <a class="dropdown-item" href="#">
              <i class="fa fa-tasks"></i> Tasks
              <span class="badge badge-danger">42</span>
            </a>
            <a class="dropdown-item" href="#">
              <i class="fa fa-comments"></i> Comments
              <span class="badge badge-warning">42</span>
            </a>
            <div class="dropdown-dropdown-header text-center">
              <strong>Settings</strong>
            </div>
            <a class="dropdown-item" href="#">
              <i class="fa fa-user"></i> Profile</a>
            <a class="dropdown-item" href="#">
              <i class="fa fa-wrench"></i> Settings</a>
            <a class="dropdown-item" href="#">
              <i class="fa fa-usd"></i> Payments
              <span class="badge badge-secondary">42</span>
            </a>
            <a class="dropdown-item" href="#">
              <i class="fa fa-file"></i> Projects
              <span class="badge badge-primary">42</span>
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="#">
              <i class="fa fa-shield"></i> Lock Account</a>-->
            <a class="dropdown-item" href="<?php echo base_url('/auth/logout'); ?>">
              <i class="fa fa-lock"></i> Logout</a>
          </div>
        </li>
      </ul>
      <!--<button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button" data-toggle="aside-menu-lg-show">
        <span class="navbar-toggler-icon"></span>
      </button>
      <button class="navbar-toggler aside-menu-toggler d-lg-none" type="button" data-toggle="aside-menu-show">
        <span class="navbar-toggler-icon"></span>
      </button>-->
    </header>
    <div class="app-body">