<?php require "login/loginheader.php"; ?>

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="utf-8">
    <title>Área do autor</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" href="style.css">
    
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">  
    <script type="text/javascript" src="login/js/mask.js"></script>
    <style>

      
      div #msg-submissao-hidden{
        display: none;
        background-color: green;
        color: white;
        padding: 50px;
      }

    </style>
    
  </head>
  <body>

    <nav class="navbar navbar-light bg-light">
        <img src="images/logo.png" class="img-fluid navbar-brand mb-0" style='width: 151px;' alt="Editora Poisson" />
      <a href="login/logout.php" style="float: right;" class="btn btn-secondary">Sair</a>
    </nav>


    <div class="container" style="margin-top: 50px;">

      <ul class="tabs">
        <li class="tab-link current" data-tab="tab-1">Conta</li>
        <li class="tab-link" data-tab="tab-2">Publicar</li>
        <!-- <li class="tab-link" data-tab="tab-3">Meus Arquivos</li> -->
        <li class="tab-link" data-tab="tab-4">Submissões</li>
        <li class="tab-link" data-tab="tab-5">Entre em Contato</li>
      </ul>

      <div id="tab-1" class="tab-content current">
        <?php include 'userinfos.php'?>
      </div>
      <div id="tab-2" class="tab-content">
        <div id="msg-submissao-hidden">Artigo submetido com sucesso, obrigado!</div>
        <?php include "uploadform.php"?>
      </div>
      <!-- <div id="tab-3" class="tab-content">
        <ol>
          <li><?php /* include "includes/retornaArquivos.php" */?></li>
        </ol>
      </div> -->
      <div id="tab-4" class="tab-content">
        <?php include "includes/retornaPublicacoes.php"?>
        
      </div>

      <div id="tab-5" class="tab-content">
        
      </div>

    </div><!-- container -->   

    <script src="bootstrap/bootstrap.min.js"></script>
    <script>
      $('.step').each(function(index, element) {
        // element == this
        $(element).not('.active').addClass('done');
        $('.done').html('<i class="icon-ok"></i>');
        if($(this).is('.active')) {
          return false;
        }
      });
    </script>
    <link rel="stylesheet" href="css/steps.css">
  </body>
</html>
