import React from 'react'

const FormNovaConsulta = ( {onCancel}) => {
  return (
    <div>

    <form  action="">

          <h2>Informações do paciente</h2>
    <label htmlFor="nome">Nome *</label>
    <input type="text" id='nome' />

    <label htmlFor="cpf" >CPF do paciente</label>
    <input type="text" id='cpf' />

    <label htmlFor="dataNascimento">Data de nascimeto *</label>
    <input type="text" id='dataNascimento' />

    <label htmlFor="telefone"> Telefone</label>
    <input type="text" id='telefone' />

    <label htmlFor="email">E-mail</label>
    <input type="email" id='email' />

    <label htmlFor="nome">Convenio</label>
    <select>
      <option value="">Particular</option>
      <option value="">Público</option>

    </select>

    <label htmlFor="matricula">Matrícula</label>
      <input type="text" id='matricula' />

    <label htmlFor="validade">Validade</label>
    <input type="text" id='validade' />



    <h2>Informações do atendimento</h2>
    <label htmlFor="nomedoProfissional">Nome do profissional *</label>
    <input type="text" id='nomedoProfissional' />
    <label htmlFor="TipodeAtendimento">Tipo de atendimento *</label>
    <input type="text" id='TipodeAtendimento' />

    <label htmlFor="">Unidade *</label>
    <select name="" id="">
       <option value="">Unidade Centro</option>
       <option value="">Unidade Leste</option>
    </select>

    <label htmlFor="DataAtendimento">Data *</label>
    <input type="text" id='DataAtendimento' />

    <label htmlFor="TipodeAtendimento">Tipo de atendimento *</label>
    <input type="text" id='TipodeAtendimento' />

    <label htmlFor="inicioAtendimento">Inicio</label>
    <input type="text" id='inicioAtendimento' />


    <label htmlFor="terminoAtendimento">Término</label>
    <input type="text" id='terminoAtendimento'/>

    <label htmlFor="">Profissional Solicitante</label>
    <select name="" id="">
      <option value="">Secretária</option>
      <option value="">Médico</option>
    </select>

    <button type='submit' >Saqlvar agendamento</button>
    <button onClick={() => onCancel()} >Cancelar</button>

    </form>

    </div>
  )
}

export default FormNovaConsulta