fix(pacientes): tabindex ordenado en formulario, ciudad=Cúcuta por defecto, prefijo tel sin tab

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-24 08:39:51 -05:00
co-authored by Claude Sonnet 4.6
parent bbee9c0a5c
commit 018d445846
+13 -13
View File
@@ -236,14 +236,14 @@ require_once __DIR__ . '/shared/components/sidebar.php';
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control" name="nombre_completo" id="pac-nombre"
required placeholder="Nombre completo"
required placeholder="Nombre completo" tabindex="1"
oninput="actualizarAvatar(this.value)">
<label for="pac-nombre">Nombre completo <span class="text-danger">*</span></label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating">
<select class="form-select" name="tipo_documento" id="pac-tipo-doc">
<select class="form-select" name="tipo_documento" id="pac-tipo-doc" tabindex="2">
<option value="CC">CC — Cédula</option>
<option value="CE">CE — Extranjería</option>
<option value="TI">TI — Tarjeta Identidad</option>
@@ -257,13 +257,13 @@ require_once __DIR__ . '/shared/components/sidebar.php';
</div>
<div class="col-sm-4">
<div class="form-floating">
<input type="text" class="form-control" name="numero_documento" id="pac-doc" placeholder="Número documento">
<input type="text" class="form-control" name="numero_documento" id="pac-doc" placeholder="Número documento" tabindex="3">
<label for="pac-doc">Número documento</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating">
<input type="date" class="form-control" name="fecha_nacimiento" id="pac-fnac" placeholder="Fecha nacimiento">
<input type="date" class="form-control" name="fecha_nacimiento" id="pac-fnac" placeholder="Fecha nacimiento" tabindex="4">
<label for="pac-fnac">Fecha nacimiento</label>
</div>
</div>
@@ -277,24 +277,24 @@ require_once __DIR__ . '/shared/components/sidebar.php';
<div class="col-sm-5">
<label class="form-label small fw-semibold mb-1" style="color:#64748b">Teléfono</label>
<div class="input-group">
<select id="pac-tel-prefijo" class="form-select" style="max-width:82px;border-color:#dde3ed;border-radius:.45rem 0 0 .45rem;font-size:.875rem">
<select id="pac-tel-prefijo" class="form-select" tabindex="-1" style="max-width:82px;border-color:#dde3ed;border-radius:.45rem 0 0 .45rem;font-size:.875rem">
<option value="57" selected>🇨🇴 57</option>
<option value="58">🇻🇪 58</option>
<option value="1">🇺🇸 1</option>
</select>
<input type="tel" class="form-control" name="telefono" id="pac-tel"
placeholder="3001234567" style="border-radius:0 .45rem .45rem 0">
placeholder="3001234567" tabindex="5" style="border-radius:0 .45rem .45rem 0">
</div>
</div>
<div class="col-sm-4">
<div class="form-floating">
<input type="email" class="form-control" name="email" id="pac-email" placeholder="Email">
<input type="email" class="form-control" name="email" id="pac-email" placeholder="Email" tabindex="6">
<label for="pac-email">Email</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-floating">
<select class="form-select" name="genero" id="pac-genero">
<select class="form-select" name="genero" id="pac-genero" tabindex="7">
<option value="">—</option>
<option value="M">Masculino</option>
<option value="F">Femenino</option>
@@ -312,32 +312,32 @@ require_once __DIR__ . '/shared/components/sidebar.php';
<div class="row g-2">
<div class="col-sm-4">
<div class="form-floating">
<input type="text" class="form-control" name="eps" id="pac-eps" placeholder="EPS">
<input type="text" class="form-control" name="eps" id="pac-eps" placeholder="EPS" tabindex="8">
<label for="pac-eps">EPS</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating">
<input type="text" class="form-control" name="ciudad" id="pac-ciudad" placeholder="Ciudad">
<input type="text" class="form-control" name="ciudad" id="pac-ciudad" placeholder="Ciudad" tabindex="9" value="Cúcuta">
<label for="pac-ciudad">Ciudad</label>
</div>
</div>
<div class="col-sm-4">
<div class="form-floating">
<input type="text" class="form-control" name="barrio" id="pac-barrio" placeholder="Barrio">
<input type="text" class="form-control" name="barrio" id="pac-barrio" placeholder="Barrio" tabindex="10">
<label for="pac-barrio">Barrio</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control" name="direccion" id="pac-dir" placeholder="Dirección">
<input type="text" class="form-control" name="direccion" id="pac-dir" placeholder="Dirección" tabindex="11">
<label for="pac-dir">Dirección</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control" name="notas_admin" id="pac-notas"
placeholder="Notas internas" style="height:72px"></textarea>
placeholder="Notas internas" tabindex="12" style="height:72px"></textarea>
<label for="pac-notas">Notas internas</label>
</div>
</div>