<?

include('../conexao.php');

$sel = mysqli_query($con, "select * from tabela_digital_tv ");

$numtvs = mysqli_num_rows($sel);

?>
<!DOCTYPE html>
<html>
<head>
<title>TABELA DIGITAL PROGRAMA��O - SYSPAN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link rel="shortcut icon" href="images/syspan.ico">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="js/jquery.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css">

    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="vendors/form-helpers/css/bootstrap-formhelpers.min.css" rel="stylesheet">
    <link href="vendors/select/bootstrap-select.min.css" rel="stylesheet">
    <link href="vendors/tags/css/bootstrap-tags.css" rel="stylesheet">

    <link href="css/forms.css" rel="stylesheet">

<script src="js/jquery-ui.js"></script>
<style type='text/css'>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { font-size: 1.4em; margin-bottom:5px;}
.slides {width:100%;height:125px;}
	
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:35%; 
  height:25%;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog_edit {
  width:35%; 
  height:550px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog_novo {
  width:35%; 
  height:550px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog_nova_propaganda {
  width:35%; 
  height:500px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog_edit_prop {
  width:35%; 
  height:500px;
  padding:10px;
  background-color:#ffffff;
}

.fechar{display:block; text-align:right;}	

</style>
</head>
  <body>
  	<div class="header">
	     <div class="container">
	        <div class="row">
	           <div class="col-md-5">
	              <!-- Logo -->
	              <div class="logo">
	                 <h5><img alt="Logo Syspan" src="images/logo_syspan_17_rodape.png" style="max-height:40px;margin-bottom:5px;"> TABELA DIGITAL PROGRAMA��O</h5>
	              </div>
	           </div>           
	        </div>
	     </div>
	</div>

    <div class="page-content">
    	<div class="row">
		  <div class="col-md-2" style="height:515px;">
		  	<div class="sidebar content-box" style="display: block;">
                <ul class="nav">
                    <? while($ts = mysqli_fetch_array($sel)) { ?>
                    <li><a href="lista.php?cod_tv=<?= $ts['id']?>"><?= $ts['titulo']?></a></li>
                    <? } ?>               
                </ul>
             </div>
		  </div>
		  <div class="col-md-10">
            <? if($numtvs > 0) { ?>
            <div style="width:100%;text-align:center;font-weight:bold;font-size:3vh;">Escolha uma TV no menu esquerdo.</div>
    	    <? } else { ?>
            <div style="width:100%;text-align:center;font-weight:bold;font-size:3vh;">N�o h� TVS cadastradas. Cadastre no sistema SYSPAN.</div>
    	    <? } ?>
          </div>
		</div>
    </div>

      <footer>
         <div class="container">         
            <div class="copy text-center"><a href='http://www.syspan.com.br' target="_blank">SYSPAN<sup>�</sup> 2015 </a></div>   
         </div>
      </footer>
 
<script src="bootstrap/js/bootstrap.min.js"></script>

<script src="vendors/form-helpers/js/bootstrap-formhelpers.min.js"></script>
<script src="vendors/select/bootstrap-select.min.js"></script>
<script src="vendors/tags/js/bootstrap-tags.min.js"></script>
<script src="vendors/mask/jquery.maskedinput.min.js"></script>
<script src="vendors/moment/moment.min.js"></script>
<script src="vendors/wizard/jquery.bootstrap.wizard.min.js"></script>
<link href="vendors/bootstrap-datetimepicker/datetimepicker.css" rel="stylesheet">
<script src="vendors/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script> 

<script src="js/custom.js"></script>
<script type="text/javascript" src="js/jquery.mask.min.js"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>

</body>
</html>