<form action="javascript:" class="form-registro animate__animated animate__slideInUp form2">
<div class="f-flex justify-content-center align-items-center">
<div class="lds-ring loader-wrapper none loading_ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="form-group pb-4 form_registro_pac1">
<div class="form-group pb-4">
<h2
style="margin: 0; color: #000000; font-size: 28px; font-family: Lato, Tahoma, Verdana, Segoe, sans-serif; line-height: 120%; text-align: center; direction: ltr; font-weight: 700; letter-spacing: normal; margin-top: 0; margin-bottom: 0;">
</h2>
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco validar-texto" id="nombre-paciente" placeholder="Nombre:">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco validar-texto" id="apellido-paciente" placeholder="Apellido:">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<select id="tipo-documento-paciente" class="form-select rounded bg-none">
<option class="color-negro" value=''>Tipo de documento:</option>
{% for td in qi.Tipodocumento() %}
<option class="color-negro" value="{{td.codigo}}" {{ user == 0 ? ( paciente ? paciente.getTipoDocumento() == td.codigo ? 'selected' : '' : '') : ''}}>{{td.nombre}}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco" id="documento-paciente" placeholder="Número de documento:" value={{ user == 0 ? (paciente ? paciente.documento : '') : ''}}>
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="email" class="form-control rounded border-blanco" id="email-paciente" placeholder="Email:" value={{ user == 0 ? (paciente ? paciente.email :'') : ''}}>
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="password" class="form-control rounded border-blanco" id="password-paciente" placeholder="Contraseña:">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="password" class="form-control rounded border-blanco" id="password-confirm-paciente" placeholder="Confirmar contraseña:">
</div>
</div>
<div class="form-group py-2 pb-4 text-center">
<a href="javascript:void(0)" class="btn py-2 px-5 border bg-azul1 border-azul1 color-blanco rounded btn_continuar_registro_paciente">Continuar</a><br>
</div>
<div class="text-center py-2">
<button class="redes py-2 px-3 bg-azul1 color-blanco rounded login_fb_pac">
<img src="/img/SVG/facebook.svg" alt="">
<span class="ms-2">Registrese con Facebook</span>
</button>
</div>
<div class="text-center py-2 pb-4">
<button class="redes py-2 px-4 bg-rojo color-blanco rounded login_gg_pac">
<img src="/img/SVG/google.svg" alt="">
<span class="ms-2">Registrese con Google</span>
</button>
</div>
<p class="text-center color-blanco mb-0">¿Ya tienes una cuenta?</p>
<div class="form-group py-2 pb-4 text-center">
<a class="btn py-2 px-5 border border-blanco color-blanco rounded btn-login1">Iniciar sesión</a><br>
</div>
</div>
<div class="form-group pb-4 form_registro_pac2" style="display: none;">
<div class="col-md-12">
<div class="form-group pb-4">
<a href="javascript:void(0)" class="color-blanco btn_volver_registro_paciente">
<i class="icon-arrow-left color-blanco"></i>
<span>Volver</span>
</a>
</div>
<div class="col-md-12 text-center py-3">
<h5 class="color-blanco">Se ha enviado un código a tu correo para confirmación.</h5>
</div>
</div>
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco" placeholder="Ingresa el código" name="codverif_paciente" id="codverif_paciente">
</div>
<div class="col-md-12 py-3">
<div class="text-center pb-4">
<div class="g-recaptcha d-flex justify-content-center"
data-sitekey="6LccqWQiAAAAAJxrGBdxkGMWSPn1YIGc5WM21pdO"></div>
</div>
</div>
<div class="form-group py-2 pb-4 text-end">
<a href="javascript:void(0)" class="text-underline color-blanco rounded btn_reenviar_codigo_paciente">Reenviar código</a><br>
</div>
<div class="form-group py-2 pb-4 text-center">
<a href="/home_pacientes" class="btn py-2 px-5 border bg-azul1 border-azul1 color-blanco rounded" id="quickstart-sign-up-paciente" >Registrarse</a><br>
</div>
</div>
</form> <!-- signup paciente-->