<!--	ROTAS		-->
<?php
	$dir = $_SERVER['DOCUMENT_ROOT']."/".substr(substr($_SERVER['REQUEST_URI'], 1), 0, strpos(substr($_SERVER['REQUEST_URI'], 1), '/'))."/phone_gap/";
	require_once($dir."/classes/Dados.class.php");
	$dados = new Dados();
	
	echo '<script src="rotas/rotas.js?ver='.$dados->getVersao().'"></script>';
?>
<div data-role="page" data-theme="b" data-control-title="Vendas" id="rotas" class="loading-show loading-hide mobipicker verifica-login">
	<div  data-role="header" data-position="fixed">
		<h3>
			Rotas
		</h3>
		<a href="#home" id="botaovoltarrotas" data-role="button" data-direction="reverse" data-transition="slide" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-back">
			Voltar
		</a>
	</div>
	<div data-role="content" class="conteudo">
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrovendedorrotas">Vendedor: </label>
			<select id="filtrovendedorrotas" name="" class="filtro"></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrorotas">Rotas: </label>
			<select id="filtrorotas" name="" class="filtro"></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrodiasemana">Dia da Semana: </label>
			<select id="filtrodiasemana" name="" class="filtro">
				<option value="">Todos</option>
				<option value="1">Domingo</option>
				<option value="2">Segunda - Feira</option>
				<option value="3">Terça - Feira</option>
				<option value="4">Quarta - Feira</option>
				<option value="5">Quinta - Feira</option>
				<option value="6">Sexta - Feira</option>
				<option value="7">Sábado</option>
			</select>
		</div>
		<a id="botaovisualizarrotas" data-role="button" data-transition="slide"  data-icon="arrow-r" data-iconpos="right" href="#relrotas">
			Visualizar
		</a>
	</div>
</div>

<!-- RELATORIO -->
<div data-role="page" data-theme="b" data-control-title="Home"  id="relrotas" class="loading-show verifica-login">
	<div  data-role="header" data-position="fixed" data-position="fixed">
		<h3 class="ui-title" role="heading" aria-level="1" id="titulorotas">
			Rotas
		</h3>
		<a href="#rotas" data-role="button" data-direction="reverse"  data-transition="slide" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-back" id="voltarrelrotas">
			Voltar
		</a>
	</div>
	<div data-role="content" id="divtabelarotas" class="conteudo">
		<table data-role="table" id="tabelarelrotas" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="Colunas" data-column-popup-theme="b" style="text-align: center;" >
			<thead>
			  <tr class="ui-bar-d">
				<th data-priority="5" style="text-align: left;">Ordem</th>
				<th style="text-align: left;">Cliente</th>
				<th data-priority="4">Fantasia</th>
				<th data-priority="1">Endereço</th>
				<th data-priority="2">Bairro</th>
				<th data-priority="7">Cidade</th>
				<th data-priority="3">Crédito Cliente</th>
				<th data-priority="9">Crédito Disponível</th>
				<th data-priority="6">Data Ult Vis</th>
				<th data-priority="10">Val Ult Vis</th>
				<th data-priority="8">Sit Ult Vis</th>
			  </tr>
			</thead>
			<tbody>

			</tbody>
		</table>
	</div>
</div>