<html lang="es">
<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap-theme.css" rel="stylesheet">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>	
        <script src="js/jquery.maskedinput.min.js" type="text/javascript"></script>    
</head>
	
	<body>
		<div class="container">
			<div class="row">
				<h3 style="text-align:center">Inserindo novo CLIENTE</h3>
			</div>
			
			<form method="POST" action="salvar.php" autocomplete="off">

                <div class="row">
                
                <input type="hidden" id="type" name="type" value="1" />
                
                <div class="form-group col-md-3">
                        <label for="empresa">Nome / Razão Social</label>
                        <input type="text" class="form-control" id="empresa" name="empresa" placeholder="Informe o nome da empresa" required>
                    </div>
                    
                    <div class="form-group col-md-3">
                        <label for="popular_namename">Nome Fantasial</label>
                        <input type="text" class="form-control" id="popular_name" name="popular_name" placeholder="Informe Nome Fantasia">
                    </div>

                    <div class="form-group col-md-2">
                        <label for="cpf_cnpj">CNPJ</label>
                        <input type="text" class="form-control" id="cpf_cnpj" name="cpf_cnpj" placeholder="Informe CNPJ" required>
                        <script>
                            jQuery(function($){
                                $("#cpf_cnpj").mask("99.999.999/9999-99");
                            });
                     </script>
                        </div>

                    <div class="form-group col-md-2">
                        <label for="ie">IE</label>
                        <input type="text" class="form-control" id="ie" name="ie" placeholder="Insc Est" maxlength="7">
                    </div>
                   
                </div>

                <div class="row">
                    <div class="form-group col-md-3">
                        <label for="address">Endereço</label>
                        <input type="text" class="form-control" id="address" name="address" placeholder="Endereço principal da empresa">
                    </div>

                    <div class="form-group col-md-2">
                        <label for="city">Cidade</label>
                        <input type="text" class="form-control" id="city" name="city" placeholder="Cidade">
                    </div>

                    <div class="form-group col-md-2">
                        <label for="hood">Bairro</label>
                        <input type="text" class="form-control" id="hood" name="hood" placeholder="Bairro">
                    </div>
                    
                    <div class="form-group col-md-2">
                        <label for="zip_code">CEP</label>
                        <input type="text" class="form-control" id="zip_code" name="zip_code" placeholder="CEP">
                        <script>
                            jQuery(function($){
                                $("#zip_code").mask("99999-999");
                            });
                        </script>

                        </div>
                   
                    <div class="form-group col-md-1">
                        <label for="uf">UF</label>
                        <input type="text" class="form-control" id="state" name="state" placeholder="UF" maxlength="2">
                    </div>
                    
                </div>

                <div class="row">                

                    <br/>

                    <div class="form-group col-md-3">
                        <label for="contact1">Contato1</label>
                        <input type="text" class="form-control" id="contact1" name="contact1" placeholder="">
                    </div>
                    
                    <div class="form-group col-md-3">
                        <label for="email1">Email</label>
                        <input type="email" class="form-control" id="email1" name="email1" placeholder="">
                    </div>
                    
                    <div class="form-group col-md-2">
                        <label for="phone1">Telefone</label>
                        <input type="tel" class="form-control" id="phone1" name="phone1" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#phone1").mask("(99)9999-9999");
                            });
                        </script>
                    </div>
                    
                    <div class="form-group col-md-2">
                        <label for="cell1">Celular</label>
                        <input type="tel" class="form-control" id="cell1" name="cell1" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#cell1").mask("(99)99999-9999");
                            });
                        </script>
                    </div>
                </div>                

                <div class="row">                
                    
                    <div class="form-group col-md-3">
                        <input type="text" class="form-control" id="contact2" name="contact2" placeholder="">
                    </div>
                    
                    <div class="form-group col-md-3">
                        <input type="email" class="form-control" id="email2" name="email2" placeholder="">
                    </div>
                    
                     <div class="form-group col-md-2">
                        <input type="tel" class="form-control" id="phone2" name="phone2" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#phone2").mask("(99)9999-9999");
                            });
                        </script>
                    </div>
                    
                    <div class="form-group col-md-2">
                        <input type="tel" class="form-control" id="cell2" name="cell2" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#cell2").mask("(99)99999-9999");
                            });
                        </script>

                    </div>
                </div>

                <div class="row">                

                    <div class="form-group col-md-3">
                        <input type="text" class="form-control" id="contact3" name="contact3" placeholder="">
                    </div>
                    
                    <div class="form-group col-md-3">
                        <input type="email" class="form-control" id="email3" name="email3" placeholder="">
                    </div>
                    
                    <div class="form-group col-md-2">
                        <input type="tel" class="form-control" id="phone3" name="phone3" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#phone3").mask("(99)9999-9999");
                            });
                        </script>
                    </div>
                    
                    <div class="form-group col-md-2">
                        <input type="tel" class="form-control" id="cell3" name="cell3" placeholder="">
                        <script>
                            jQuery(function($){
                                $("#cell3").mask("(99)99999-9999");
                            });
                        </script>
                    </div>
                </div>
                
                <div class="row">                

                    <div class="form-group col-md-8">
                        <label for="obs">Observação</label>
                        <input type="text" class="form-control" id="obs" name="obs" placeholder="">
                    </div>

                    <div class="form-group col-md-2">
                        <label for="ativo">Cliente ATIVO?</label>
                        
                        <div class="form-group">
                            
                            <label class="radio-inline  col-md-3">
                                <input type="radio" id="ativo" name="ativo" value="1" checked> SIM
                            </label>
                            
                            <label class="radio-inline">
                                <input type="radio" id="ativo" name="ativo" value="0"> NÃO
                            </label>
                        </div> 
                    </div>

                </div>	
                
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						<a href="index.php" class="btn btn-default">Voltar</a>
						<button type="submit" class="btn btn-primary">GRAVAR</button>
					</div>
				</div>
			</form>
		</div>
	</body>
</html>