<a href="#" ng-click="RegresarInicio()" class="btn-flotante">Volver</a>
<div class="titulo">
    <img src="image/LOGO.png" alt="" class="cedula_logoTitulo"/>
</div>
<!-- <div class="ContenedorCedula" ng-show="mostrarCC">
    <div class="ContenedorCedulaInput">
        <div class="col inputMarcoCedula">
            <h2 class="h2Title">POR FAVOR DIGITE SU CÉDULA</h2>
            <input type="text" id="telNumber"  ng-model="Cedula" class="form-control inputCedula" id="email"  name="email" autocomplete="off">
            <button class="botonDhpContinuar" ng-click="Buscarpersona()" style="color: white; font-size: 25px;">CONTINUAR</button>
        </div>
    </div>
    <div class="ContenedorTeclado">
        <div class="TableroTeclado">
            <div class="ContenedorTecladoNumerico">
                <button class="botonDhp num">1</button>
                <button class="botonDhp num">2</button>
                <button class="botonDhp num">3</button>
            </div>
            <div class="ContenedorTecladoNumerico">
                <button class="botonDhp num">4</button>
                <button class="botonDhp num">5</button>
                <button class="botonDhp num">6</button>
            </div>
            <div class="ContenedorTecladoNumerico">
                <button class="botonDhp num">7</button>
                <button class="botonDhp num">8</button>
                <button class="botonDhp num">9</button>

            </div>
            <div class="ContenedorTecladoNumerico">
                <button class="botonDhp num">0</button>
                <button class="botonDhp" ng-click="borrarDigitos()" style="color: white; font-size: 25px; width: 20%;">BORRAR</button>
             
            </div>
        </div>
    </div> 
</div> -->

<div class="ContenedorCedula" ng-show="mostrarCC" style="margin-top: 2%;">
    <div class="ContenedorCedulaInput">
        <!-- <div class="col inputMarcoCedula">
            <input type="text" id="telNumber"  ng-model="Cedula" class="form-control inputCedula" id="email" placeholder="Digite o escaneé su número de identificación" name="email">
        </div> -->
        <form style="width: 50%;" ng-submit="RegistroEditPersona()">
            <div class="">
                <!-- <label>{{TituloOpcion}}</label> -->
              <label>Tipo de Documento:</label>
                <select ng-model="client.opcion" ng-change="CaputrarOpcionNivel()" class="form-control input_cedula_idr " style="text-align: center;" ng-model="usu.EPS" required>
                    <option ng-repeat="SuOp in SubOpcionesList" ng-value="{{SuOp.soidr_id}}">{{SuOp.soidr_nombre}}</option>
                </select>
            </div>
            <div class="">
              <label>Número de identificación:</label>
              <input ng-blur="DatosPersona()" ng-model="client.identificacion" type="text" class="form-control input_cedula_idr" >
            </div>
            <div class="">
                <label>Nombre Completo:</label>
                <input ng-model="client.nombre" type="text" class="form-control input_cedula_idr">
            </div>
            <!-- <div class="">
                <label>Apellidos:</label>
                <input ng-model="client.apellido" type="text" class="form-control input_cedula_idr">
            </div> -->
            <!-- <div class="">
                <label>Celular:</label>
                <input ng-model="client.telefono" type="text" class="form-control input_cedula_idr">
            </div> -->
            <!-- <div class="">
                <label>EPS:</label>
                <select ng-model="client.eps" class="form-control input_cedula_idr " style="text-align: center;" ng-model="usu.EPS" required>
                    <option ng-repeat="Leps in EPSList" ng-value="{{Leps.id_eps}}">{{Leps.nombre_eps}}</option>
                </select>
            </div> -->
            
            <div class="form-group" style="margin-top: 2%;     display: flex;
            justify-content: center;
            cursor: pointer;">
                <button class=" buttonServicios" type="submit">Aceptar</button> 
                <!-- <button class=" buttonServicios" ng-click="openTurnos()">Ver turnos</button>                -->
            </div>
            <!-- <div class="form-group">
                <button ng-click="SinRegistro()" class="btn btn-success" type="button">Sin Registro</button>                
            </div> -->
          </form>
    </div>
</div>

<div class="modal fade" id="turnos" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header cssmodalcalificador" style="background-color: #540AC1;">
                <h5 class="modal-title titulocalificador" style="color:#ffff">Turnos :</h5>
                <button type="button" class="close" ng-click="close()">
                    <span aria-hidden="true" class="xcalificador">&times;</span>
                </button>
            </div>
            <div class="modal-body centrarEnModal">
                <div class="form-group">
                    <label for="exampleFormControlInput1">Buscar: </label>
                    <input type="text" class="form-control" id="exampleFormControlInput1" ng-change="changeQ(q)" placeholder="Buscar..." ng-model="q">
                  </div>
                <table class="table tablaCompleta my-custom-scrollbar ">
                    <thead class="thead-light">
                        <tr >
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Turno</th>
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Nombre paciente</th>
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Cedula paciente</th>
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="ser in Turnos">
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio">{{ser.Turno}} </th>
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio">{{ser.Nombre}}</th>
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio">{{ser.Cedula}}</th>
                            <th scope="row" style="border-bottom: 2px solid #540AC1;display: flex;" class="infotablaServicio"> 
                                <button type="button"
                                    ng-click="Ver(ser.turnos)" 
                                    class="btn btn-primary buttonCalificar ">
                                    Ver turnos
                                </button>
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="turnosDetalles" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header cssmodalcalificador" style="background-color: #540AC1;">
                <h5 class="modal-title titulocalificador" style="color:#ffff">Turnos :</h5>
                <button type="button" class="close" ng-click="closeDetalle()">
                    <span aria-hidden="true" class="xcalificador">&times;</span>
                </button>
            </div>
            <div class="modal-body centrarEnModal">
                <table class="table tablaCompleta my-custom-scrollbar ">
                    <thead class="thead-light">
                        <tr >
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Turno</th>
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Servicio</th>
                            <th style="border-bottom: 2px solid #540AC1;" scope="col" style="background-color: white;">Estado</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="serv in TurnosDetalle" class="tr" ng-class="{'alert alert-success':serv.Estado=='TERMINADO','alert alert-warning':serv.Estadotemporal=='Llamando'}">
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio" >{{serv.Turno}} </th>
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio" >{{serv.Servicio}}</th>
                            <th scope="row" style="border-bottom: 2px solid #540AC1;" class="infotablaServicio" >{{serv.Estadotemporal == "Llamando" ? "En atencion": serv.Estado == "NORMAL" ? "Pendiente":serv.Estado == "TERMINADO" ?"Atendido":""}}</th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div class="NumerosPrincipalCedula" ng-show="datoscliente">
    <div class="ContenedorNombreCedula">
        <div class="tituloMombre">
            Identificación
        </div>
        <div class="container" style="width: 80%;">
            <div class="card">
                <div class="card-body"><h2>{{ES_identificacion}}</h2></div> 
            </div>
        </div>
        <div class="tituloMombre" style="width: 80%;"> 
            Nombre
        </div>
        <div class="container">
            <div class="card">
                <div class="card-body"><h2>{{ES_nombreCompleto}}</h2></div> 
            </div>
        </div>
        <div class="contenedorBotonesCC">
            <button class="btn btn-success btnTamanio" ng-click="Buscarpersona()">Aceptar</button>
            <button class="btn btn-danger btnTamanio" ng-click="VolverInicio()">Cancelar</button>
        </div>
    </div>
</div>