<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Formulário de Inscrição</title>
 
	<!-- Layout -->
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
	
	<!-- JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
	
	
	 <style>
	body {
        font-family: 'Roboto Slab', sans-serif;
		font-size: 13px;
		color: #666666;
      }	</style>
      
        <!-- Formata Campos CPF - Telefone - Cep -->
		    <script>
				function formatar(mascara, documento){
				  var i = documento.value.length;
				  var saida = mascara.substring(0,1);
				  var texto = mascara.substring(i)
				  
				  if (texto.substring(0,1) != saida){
							documento.value += texto.substring(0,1);
				  }
				  
				}
			</script>	
                
            <!-- Formata CNPJ -->
			<script type="text/javascript">
				function FormataCnpj(campo, teclapres)
				{
					var tecla = teclapres.keyCode;
					var vr = new String(campo.value);
					vr = vr.replace(".", "");
					vr = vr.replace("/", "");
					vr = vr.replace("-", "");
					tam = vr.length + 1;
					if (tecla != 14)
					{
						if (tam == 3)
							campo.value = vr.substr(0, 2) + '.';
						if (tam == 6)
							campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 5) + '.';
						if (tam == 10)
							campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 3) + '.' + vr.substr(6, 3) + '/';
						if (tam == 15)
							campo.value = vr.substr(0, 2) + '.' + vr.substr(2, 3) + '.' + vr.substr(6, 3) + '/' + vr.substr(9, 4) + '-' + vr.substr(13, 2);
					}
				}
		</script>
	
	       <!-- Formata Telefone-->
    	<script type="text/javascript">
            /* Máscaras ER */
            function mascara(o,f){
                v_obj=o
                v_fun=f
                setTimeout("execmascara()",1)
            }
            function execmascara(){
                v_obj.value=v_fun(v_obj.value)
            }
            function mtel(v){
                v=v.replace(/\D/g,"");             //Remove tudo o que não é dígito
                v=v.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
                v=v.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
                return v;
            }
        </script>                         
	
     <!-- Oculta/Mostra Rede -->
	<script type="text/javascript">
	function id( el ){
			return document.getElementById( el );
	}
	function mostra( el ){
			id( el ).style.display = 'block';
	}
	function esconde_todos( el, tagName ){
			var tags = el.getElementsByTagName( tagName );
			for( var i=0; i<tags.length; i++ )
			{
					tags[i].style.display = 'none';
			}
	}
	window.onload = function()
	{
			id('Sim').style.display = 'none';
	
			id('form-membro').onchange = function()
			{
					esconde_todos( id('membro'), 'div' );
					mostra( this.value );
			}
			var radios = document.getElementsByTagName('input');
			/*for( var i=0; i<radios.length; i++ ){
					if( radios[i].type=='checkbox' )
					{
							radios[i].onclick = function(){
									esconde_todos( id('membro'), 'div' );
									mostra( this.value );
							}
					}
			}*/
	}
	</script>

  </head>
 
  <body>
	<div class="container">
	<br>
   
		<form class="form-horizontal" method="POST" action="envia.php" enctype="multipart/form-data">
		  <fieldset>
 
			<!-- Título do formulário ---- <legend>Formulário PHP com envio de anexo</legend> -->
			
			  <div style="text-align:justify">
    <br>
      <!--  <p>Efetue sua pré-inscrição para a próxima turma! Ao preencher o formulário abaixo você estará confirmando seu interesse em participar da próxima turma disponível, conforme calendário.<u></u><u></u> </p>
	        <p>Sua inscrição será confirmada pela Secretaria Executiva da RP2M mediante disponibilidade de vagas e envio obrigatório do <strong>Termo de Compromisso</strong> assinado, por foto ou scanning e anexado a este formulário.</p>
            -->
              <p>As inscrições para a primeira turma já encerraram!</p>
	         <p>Efetue sua pré-inscrição para a próxima turma! </p>
	         <p>Ao preencher o formulário abaixo você estará confirmando o seu interesse no curso.</p>
      <p>A Secretaria Executiva da PRODSAUDE entrará em contato na abertura da próxima turma.</p>
            <p></p>
            <p></p>
            <p>
 
			<!-- Campo: Nome -->
			<div class="form-group">
			  <label class="col-md-4 control-label" for="form-nome">Nome Completo <span style="color: red">*</span></label>  
				<div class="col-md-4">
				  <input id="form-nome" name="form-nome" placeholder="Informe seu nome para impressão no certificado" class="form-control input-md" required type="text">
				</div>
			</div>
			
			<!-- Campo: Email -->
			<div class="form-group">
			  <label class="col-md-4 control-label" for="form-email">Email <span style="color: red">*</span></label>  
				<div class="col-md-4">
				  <input id="form-email" name="form-email" placeholder="Informe seu email" class="form-control input-md" required type="text">
				</div>
			</div>
			
			<!-- Campo: CPF -->
		    <div class="form-group">
                <label for="form-cpf" class="col-md-4 control-label">CPF <span style="color: red">*</span></label>
                <div class="col-md-4">
                    <input type="text" class="form-control input-md" id="form-cpf" name="form-cpf" maxlength="14" OnKeyPress="formatar('###.###.###-##', this)" placeholder="Informe seu CPF" required >
                </div>
            </div>
			
			  <!-- Campo: Estado -->       
			<div class="form-group">
				<label for="form-estado" class="col-md-4 control-label">Estado</label>
                <div class="col-md-4">
                
                <select class="form-control" id="form-estado" name="form-estado" placeholder="Informe seu estado" required> 
                <option value="Não Informado"></option> 
                <option value="AC">Acre</option> 
                <option value="AL">Alagoas</option> 
                <option value="AM">Amazonas</option> 
                <option value="AP">Amapá</option> 
                <option value="BA">Bahia</option> 
                <option value="CE">Ceará</option> 
                <option value="DF">Distrito Federal</option> 
                <option value="ES">Espírito Santo</option> 
                <option value="GO">Goiás</option> 
                <option value="MA">Maranhão</option> 
                <option value="MT">Mato Grosso</option> 
                <option value="MS">Mato Grosso do Sul</option> 
                <option value="MG">Minas Gerais</option> 
                <option value="PA">Pará</option> 
                <option value="PB">Paraíba</option> 
                <option value="PR">Paraná</option> 
                <option value="PE">Pernambuco</option> 
                <option value="PI">Piauí</option> 
                <option value="RJ">Rio de Janeiro</option> 
                <option value="RN">Rio Grande do Norte</option> 
                <option value="RO">Rondônia</option> 
                <option value="RS">Rio Grande do Sul</option> 
                <option value="RR">Roraima</option> 
                <option value="SC">Santa Catarina</option> 
                <option value="SE">Sergipe</option> 
                <option value="SP">São Paulo</option> 
                <option value="TO">Tocantins</option>
                </select>
                </div>
                
            </div>
            
            
 	        <!-- Campo: Cargo -->
            <div class="form-group">
                <label for="form-cargo" class="col-md-4 control-label">Cargo</label>
                <div class="col-md-4">
                  <input type="text" class="form-control" id="form-cargo" name="form-cargo" placeholder="Informe seu cargo" >
                </div>
            </div>


            <!-- Campo: Telefone -->
            <div class="form-group">
                <label for="form-telefone" class="col-md-4 control-label">Telefone <span style="color: red">*</span></label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="form-telefone" name="form-telefone" maxlength="15"  onkeyup="mascara( this, mtel );" placeholder="Informe seu telefone"  required >
                </div>
            </div>
            
			<!-- Campo: Empresa/Instituição -->
			<div class="form-group">
                <label for="form-empresa" class="col-md-4 control-label">Empresa/Instituição</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="form-empresa" name="form-empresa" placeholder="Informe sua Empresa ou Instituição"  >
                </div>
            </div>
			
			<!-- Campo: CNPJ -->
			<div class="form-group">
                <label for="form-cnpj" class="col-md-4 control-label">CNPJ</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="form-cnpj" name="form-cnpj" maxlength="18" onkeyup="FormataCnpj(this,event)" placeholder="Informe o CNPJ da empresa" >  
                </div>
            </div>

 
            
            
            <!-- Campo: Curso -->
            <div class="form-group">
                <label for="form-assunto" class="col-md-4 control-label">Curso</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" id="form-assunto" name="form-assunto" value="RP2M - Curso Fundamentos da Metrologia - Cadastro Reserva" placeholder="Curso" readonly>
                   <input type="hidden" class="form-control" id="form-curso" name="form-curso" value="9" >
                </div>
            </div>


            <!-- Campo: Membro de Rede -->
            <div class="form-group">
               <label for="form-membro" class="col-md-4 control-label">É membro de alguma destas redes ou associações?</label>
             <div class="col-md-4">
                <input type="checkbox" name = "form-membro" id="form-membro" value = "Sim"/ > Sim 
                <input type="checkbox" name = "form-membro" id="form-membro" value = "Não"/> Não
        
                <div id = "membro">
                <div id = "Sim">
                <br>    <br> 
                Se Sim, quais Redes? <span style="color: red">*</span>
                 <br>    <br>         
                Obs: segure "CTRL" para selecionar mais de um.<BR><BR>
                <select name="redes[]" multiple="yes" placeholder="Se outra, informe aqui" style="height: 100px; !important">
                <option value="Prodsaude">RP2M</option>
                <option value="Outra rede Sibratec">Outra rede Sibratec</option>
                <option value="Abimo">Abimo</option>
                <option value="Abimed">Abimed</option>
                <option value="SBM">SBM</option>
                <option value="Rede Metrológica RS">Rede Metrológica RS</option>
                </select><BR><BR>
                </div>
                </div>            
                
             </div>
            </div>
                   
                   
          


</fieldset>

<p>&nbsp;</p>
    
    <div style="font-weight:bold">Termo de compromisso para download (Preencha o arquivo, imprima e assine-no e nos envie por foto ou scanning. Anexe-o no campo abaixo).
    
   
    

    
    <p>
    <table width="100%" border="0">
  <tr>
    <td width="6%"><img src="http://rp2m-entib.org.br/rp2m/form/logo-docx.png"></td>
    <td width="92%"><a href="http://rp2m-entib.org.br/rp2m/form/Termo_de_Compromisso_e_Responsabilidade_RP2M_Nome_Completo.docx">Termo de Compromisso e Responsabilidade (Clique para aqui para fazer o download)</a></td>
  </tr>
</table>

   <style>
        
    .button {
    border-color: #ddb914;
    color: #222222;
    background-color: #f0d65d;
    background-image: -webkit-linear-gradient(top, #f1d866, #efd24f);
    background-image: linear-gradient(to bottom, #f1d866, #efd24f);
    background-repeat: repeat-x;
}
        
    </style>
<br><br>
    <div class="button" ><p>ATENÇÃO! O envio do arquivo é obrigatório para que possa confirmar seu intesse. Ao salvar o arquivo renomei-o adicionando SEU NOME, antes de ser submetido.</p></div>
 <p><br><br></p>
			<!-- Campo: anexo --> 
			<div class="form-group">
			  <label class="col-md-4 control-label" for="arquivo"><b>Anexo</b></label>
				<div class="col-md-5">
				  <input id="arquivo" name="arquivo" class="input-file" type="file" required>
				 
				    <span class="help-block">- 2MB por mensagem <br>- As seguintes extensões são permitdas (jpeg, jpg, png, gif, doc, docx ou pdf)</span>
				</div>
			</div>		
 
			<!-- Campo: Mensagem 
			<div class="form-group">
			  <label class="col-md-4 control-label" for="mensagem">Mensagem</label>
				<div class="col-md-4">                     
				  <textarea class="form-control" id="mensagem" name="mensagem"></textarea>
				</div>
			</div>
			-->
			
			<!-- Botão Enviar -->
			<center>
			<div class="form-group">
			  <label class="col-md-4 control-label" for="submit"></label>
				<div class="col-md-4">
				  <button type="submit" class="btn btn-inverse">Enviar</button>
				</div>
			</div>
 
		  </fieldset>
		</form>
 
	</div>
  </body>
</html>