<!DOCTYPE html>
<html lang="pt-br">

<head>

  <!-- Metas Tags -->
  <?php include "includes/verifica.php"; ?>

  <!-- Metas Tags -->
  <?php include "../_assets/inc/metas.php"; ?>

  <!-- Title -->
  <?php include "../_assets/inc/title_adm.php"; ?>

  <!-- Head -->
  <?php include "../_assets/inc/head.php"; ?>

  <!-- Style DataTables -->
  <?php include "../_assets/inc/datatablesStyles.php"; ?>
  
  <!-- JS -->
  <?php include "../_assets/inc/js.php"; ?>

  <script type="text/javascript" src="includes/js/manterFaleConosco.js"></script>

</head>

<body class="nav-md">
  <div id="maskLoad"></div>
  <div class="container body">
    <div class="main_container">

      <?php include "includes/menu.php"; ?>

      <div class="right_col" role="main">

        <p class="text-center"><img  id="loadPublicacao" src="../_assets/images/gif/loading.gif" style="max-width: 150px; display:scroll;position:fixed;right: 0px; bottom: 0px; z-index: 10; display: none;"></p>
        <div class="">
          <!--Modal para atualizaçao-->
          <div class="modal fade" id="myModalAtualizar" role="dialog">
            <div class="modal-dialog">
              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h3><span class="glyphicon glyphicon-pencil"></span> Atualizar Turma</h3>
                </div>
                <div class="modal-body" style="padding:30px 40px;">

                  <form class="form-horizontal" id="formAtualizar" style="max-width: 600px;">
                    <!--Nome-->
                    <div class="form-group">
                      <label class="control-label col-sm-2" for="nomeAt">Nome:</label>
                      <div class="col-sm-10">
                        <input type="text" class="form-control" id="nomeAt" name="nomeAt" placeholder="Nome da Turma" required>
                        <input type="hidden" id="idAt" name="idAt">
                        <input type="hidden" id="statusAt" name="statusAt">
                        <input type="hidden" id="reloadAt" name="reloadAt">

                      </div>
                    </div>
                    
                    <!--Login-->
                    <div class="form-group">
                      <label class="control-label col-sm-2" for="dataAt">Data:</label>
                      <div class="col-sm-10">
                        <input type="date" class="form-control" id="dataAt" name="dataAt" required>
                      </div>
                    </div>

                    <div class="form-group"> 
                      <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default" id="btnAtualizar">Atualizar</button>
                        <img  id="submitGif" src="../_assets/images/gif/load.gif" style="max-width: 50px;">
                        <p id="retornoAt" class="text-center"></p>
                      </div>
                    </div>
                  </form>
                </div> <!--modal-body (Atualizar)-->
              </div><!--modal-content (Atualizar)-->
            </div><!--modal-dialog (Atualizar)-->
          </div> <!--modal fade (Atualizar)-->

          <div class="page-title">
            <div class="title_left">
              <h3>Fale-Conosco</h3>
            </div>
            <div class="title_right">
              <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                <div class="input-group">

                </div>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>

          <div class="row">

            <div class="col-md-12 col-sm-12 col-xs-12">
              <div class="x_panel">
                <div class="x_title">
                  <h2>Solicitações de Contato <small>*Verificar dados</small></h2>
                  <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Settings 1</a>
                        </li>
                        <li><a href="#">Settings 2</a>
                        </li>
                      </ul>
                    </li>
                    <li><a href="#"><i class="fa fa-close"></i></a>
                    </li>
                  </ul>
                  <div class="clearfix"></div>
                </div>
                <div class="x_content">
                  <p class="text-muted font-13 m-b-30">
                    Aqui você acompanha os dados de cada contato feito pelos solictantes e poderá verificar suas informações.
                  </p>


                  <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">

                      <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">Enviados para o E-Mail</a>
                      </li>
                      
                    </ul>

                    <div id="myTabContent" class="tab-content">
                      <!--Ativos-->
                      <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
  
                        <table id="datatable-turma-active" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
                          <thead>
                            <tr>
                              <th>Nome</th>
                              <th>E-Mail</th>
                              <th>Telefone</th>
                              <th>Mensagem</th>
                              <th>Data</th>
                              <th>Ações</th>
                            </tr>
                          </thead>
                        </table>
                      </div><!--tab_content1-->

                    </div><!--myTabContent-->
                  </div><!--tabpanel-->

              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
</div>

<?php include "includes/alertas.php"; ?>
<?php include "../_assets/inc/datatables.php"; ?>
<?php include "../_assets/inc/js_footer.php"; ?>

</body>

</html>
