|
Server : Apache System : Linux cloud.heroica.com.br 4.18.0-553.36.1.el8_10.x86_64 #1 SMP Wed Jan 22 03:07:54 EST 2025 x86_64 User : farolpborg ( 1053) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /var/www/node_services/novosisneg/frontend/src/pages/Home/ |
Upload File : |
import {useState} from 'react';
import {Container , Row , Col , Form , Button} from 'react-bootstrap'
import {Helmet} from "react-helmet";
import KeyVAlueStepper from "../../components/KeyVAlueStepper.tsx";
import {useNavigate} from 'react-router-dom';
import './styles.css'
import ReactComponent from '../../assets/sebrae.svg';
import HeroicaSvg from '../../assets/heroica.svg';
function Home(){
const [genero , setGenero] = useState('0');
const [escolaridade , setEscolaridade] = useState('0');
const navigate = useNavigate();
async function onHandleClick(){
navigate('/endereco');
}
return (
<>
<Helmet>
<title>SisNeg - Início</title>
</Helmet>
<Container fluid>
<Row className="justify-content-center">
<Col xs={12} lg={7} >
<Col xs={12} className=" mt-3">
<Row>
<Col style={{height:'5vh'}} xs={12} className="text-left justify-content-start ">
<img
src={ReactComponent}
alt=""
style={{
height: '100%',
background: '#fff'
}}
className={'mx-2'}
/>
<img
src={HeroicaSvg}
alt=""
style={{
height: '100%',
background: '#fff'
}}
/>
</Col>
</Row>
</Col>
<KeyVAlueStepper actvestep={0} />
<Form onSubmit={onHandleClick}>
<Col xs={12} className="text-center">
<h2>Dados do Representante</h2>
</Col>
<hr/>
<Col xs={12}>
<Form.Group as={Row} className="mb-3" controlId="nome">
<Form.Label column sm="2" className={'labels_cadastrar_form'}>
Nome:
</Form.Label>
<Col sm="10">
<Form.Control type="text" placeholder="Nome completo" />
</Col>
</Form.Group>
</Col>
<Col xs={12}>
<Form.Group as={Row} className="mb-3" >
<Form.Label column sm="2" htmlFor={'cargo'} className={'labels_cadastrar_form'}>
Cargo:
</Form.Label>
<Col sm="4">
<Form.Control type="text" id={'cargo'} placeholder="Seu cargo, função..." />
</Col>
<Form.Label column sm="2" htmlFor={'cpf'} className={'labels_cadastrar_form'}>
CPF:
</Form.Label>
<Col sm="4">
<Form.Control type="text" id={'cpf'} placeholder="Ex: 000.000.000-00" />
</Col>
</Form.Group>
</Col>
<Col xs={12}>
<Form.Group as={Row} className="mb-3" >
<Form.Label column sm="2" htmlFor={'tel_fixo'} className={'labels_cadastrar_form'}>
Tel Fixo:
</Form.Label>
<Col sm="4">
<Form.Control type="text" id={'tel_fixo'} placeholder="Ex: (00) 0000-0000" />
</Col>
<Form.Label column sm="2" htmlFor={'celular'} className={'labels_cadastrar_form'}>
Celular:
</Form.Label>
<Col sm="4">
<Form.Control type="text" id={'celular'} placeholder="Ex: (00) 9 0000-0000" />
</Col>
</Form.Group>
</Col>
<Col xs={12}>
<Form.Group as={Row} className="mb-3" controlId="email">
<Form.Label column sm="2" className={'labels_cadastrar_form'}>
Email:
</Form.Label>
<Col sm="10">
<Form.Control type="email" placeholder="Ex: email@email.com" />
</Col>
</Form.Group>
</Col>
<Col xs={12}>
<Form.Group as={Row} className="mb-3" controlId="data_nasc">
<Form.Label column sm="2" className={'labels_cadastrar_form'}>
Data de Nascimento:
</Form.Label>
<Col sm={10} lg={3}>
<Form.Control type="date" />
</Col>
</Form.Group>
</Col>
<Col xs={12} >
<Form.Group as={Row} className="mb-3" >
<Form.Label column sm="2" htmlFor={'genero'} className={'labels_cadastrar_form'}>
Gênero:
</Form.Label>
<Col sm={10} lg={3}>
<Form.Select aria-label="Default select example" id={'genero'} value={genero} onChange={(e)=>setGenero(e.target.value)} >
<option value={'0'} disabled>Selecione</option>
<option value="1">Homem Cis</option>
<option value="2">Mulher Cis</option>
<option value="3">Homem Trans</option>
<option value="4">Mulher Trans</option>
<option value="5">Não especificado</option>
</Form.Select>
</Col>
</Form.Group>
</Col>
<Col xs={12} >
<Form.Group as={Row} className="mb-3" >
<Form.Label column sm="2" htmlFor={'escolaridade'} className={'labels_cadastrar_form'}>
Escolaridade:
</Form.Label>
<Col sm={10} lg={3}>
<Form.Select aria-label="Default select example" id={'escolaridade'} value={escolaridade} onChange={(e)=>setEscolaridade(e.target.value)} >
<option value={'0'} disabled>Selecione</option>
<option value="1">Infantil</option>
<option value="2">Fundamental</option>
<option value="3">Médio</option>
<option value="4">Técnico</option>
<option value="5">Superior</option>
<option value="7">Pós graduação/Especialização</option>
<option value="8">Mestrado/Doutorado</option>
</Form.Select>
</Col>
</Form.Group>
</Col>
<Col xs={12} className={'text-center'}>
<Button variant="primary" type="submit">Próxima</Button>
</Col>
</Form>
</Col>
</Row>
</Container>
</>
)
}
export default Home;