<form action="javascript:" class="form-registro animate__animated animate__slideInUp form2"> <!-- form signup -->
<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_med1">
<div class="form-group pb-4">
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco validar-texto" placeholder="Nombre:" name="nombre" id="nombre-medico">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="text" class="form-control rounded border-blanco validar-texto" placeholder="Apellido:" name="apellido" id="apellido-medico">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<select id="tipo-documento-medico" class="form-select rounded border-blanco bg-none">
<option class="color-negro" value="" >Tipo de documento:</option>
{% for td in qi.Tipodocumento() %}
<option class="color-negro" value="{{td.codigo}}">{{td.nombre}}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input id="documento-medico" type="text" class="form-control rounded border-blanco" placeholder="Número de documento" >
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="email" class="form-control rounded border-blanco" placeholder="Email:" name="email" id="email">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="password" class="form-control rounded border-blanco" placeholder="Contraseña:" name="password" id="password">
</div>
</div>
<div class="form-group pb-4">
<div class="col-md-12">
<input type="password" class="form-control rounded border-blanco" placeholder="Confirmar contraseña:" name="password-confirm" id="password-confirm">
</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_medico">Continuar</a><br>
</div>
<div class="text-center py-2">
<button class="redes py-2 px-3 bg-azul1 color-blanco rounded loginfb" >
<img src="/img/SVG/facebook.svg" alt="">
<span class="ms-2">Registrarse 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">
<img src="/img/SVG/google.svg" alt="">
<span class="ms-2">Registrarse 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_med2" style="display: none;">
<div class="col-md-12 text-left">
<div class="form-group pb-4">
<a href="javascript:void(0)" class="color-blanco btn_volver_registro_medico">
<i class="icon-arrow-left color-blanco"></i>
<span>Volver</span>
</a>
</div>
</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 class="col-md-12">
<input type="text" class="form-control rounded border-blanco" placeholder="Ingresa el código" name="codverif" id="codverif">
</div>
<div class="col-md-12 py-3">
<input type="hidden" class="infocaptcha">
<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="color-blanco text-underline btn_reenviar_codigo_medico">Reenviar código</a><br>
</div>
<div class="form-group py-2 pb-4 text-center">
<a href="/home_medicos" class="btn py-2 px-5 border bg-azul1 border-azul1 color-blanco rounded" id="quickstart-sign-up" >Registrarse</a><br>
</div>
</div>
</form> <!-- form signin -->