<!-- 	FILTROS		-->
<?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="filtros.js?ver='.$dados->getVersao().'"></script>';
?>
<div data-role="page" data-theme="b" data-control-title="Filtros"  id="filtros" class="verifica-login">
	<div  data-role="header" data-position="fixed">
		<h3>
			Filtrar
		</h3>
		<a href="#vendas" 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="filtromarca">Marca: </label>
			<select id="filtromarca" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrofamilia">Familia: </label>
			<select id="filtrofamilia" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrogrupo">Grupo: </label>
			<select id="filtrogrupo" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrosubgrupo">Subgrupo: </label>
			<select id="filtrosubgrupo" name="" class="filtro" >
			</select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtroproduto">Produto: </label>
			<form class="ui-filterable">
				<input type="hidden" id="codfiltroproduto" value="">
				<input id="filtroproduto" data-type="search" placeholder="Escolha um produto">
				<ul id="autocomplete-filtroproduto" data-role="listview", data-inset="true" data-filter="true" data-input="#filtroproduto"></ul>
			</form>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrogerente">Gerente: </label>
			<select id="filtrogerente" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrosupervisor">Supervisor: </label>
			<select id="filtrosupervisor" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrovendedor">Vendedor: </label>
			<select id="filtrovendedor" name="" class="filtro" ></select>
		</div>	
		<div data-role="fieldcontain">
			<label for="filtrocliente">Cliente: </label>
			<form class="ui-filterable">
				<input type="hidden" id="codfiltrocliente" value="">
				<input id="filtrocliente" data-type="search" placeholder="Escolha um cliente">
				<ul id="autocomplete-filtrocliente" data-role="listview", data-inset="true" data-filter="true" data-input="#filtrocliente"></ul>
			</form>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrorede">Rede: </label>
			<select id="filtrorede" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtrocidade">Cidade: </label>
			<select id="filtrocidade" name="" class="filtro" ></select>
		</div>
		<div data-role="fieldcontain" data-controltype="selectmenu">
			<label for="filtroregiao">Região: </label>
			<select id="filtroregiao" name="" class="filtro" ></select>
		</div>
		
		<div data-role="navbar">
			<ul>
				<li><a id="botaofiltrar" data-direction="reverse" data-transition="slide" data-iconpos="right" href="#vendas">Confirmar</a></li>
				<li><a id="limparfiltros">Limpar</a></li>
			</ul>
		</div>
	</div>
</div>