<div class="container">
    <div class="row ">
        <div class="col-lg-6 col-lg-offset-3 col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-12">
            <div class="spacer" style="width: 987px; height: 60px;"></div>
            <div class="container" style=" width:auto;">
                <h2 id="respuestaDeLaMarcacion-heading2" style="color:#000000;text-align:center; font-weight: bold;">REGISTRO DE MARCACIÓN</h2>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                    </div>
                    <div class="panel-body">
                        <div title="Respuesta de la marcacion"  id="page4" class=" ">
                            <div>
                                <div class="spacer" style="height: 40px;"></div>
                                <div style="width: 420px;margin: auto;" class="list card " id="respuestaDeLaMarcacion-card22">
                                    <div class="item item-body " id="respuestaDeLaMarcacion-list-item-container2">
                                        <div style="text-align: center">
                                            <img id="fotoMarcacion" src="<?= $Asistencia->asistenciaLaboralFOTO ?>" style="height: 100px; width: 120px;" />                                            
                                            <img src="../../plantilla/images/logo.png" alt="" style="height: 100px; width: 100px;" />
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown2" style="color:#000000;font-size:24px;text-align:center;" class=" ">Se ha registrado la
                                            <strong><span id="sentidoMarcacion"><?= $Asistencia->asistenciaLaboralSENTIDO ?></span></strong> a las
                                            <strong><span id="fechaMarcacion"><?= $Asistencia->asistenciaLaboralTIEMPO ?></span></strong> para la jornada
                                            <strong><?= $Asistencia->jornadaTITULO ?></strong> .
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown4" style="color:#000000;font-size:32px;text-align:center;" class=" ">
                                            <strong><span id="cedulaMarcacion"><?= $Asistencia->personaIDENTIFICACION ?></span></strong>
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown5" style="color:#000000;font-size:24px;text-align:center;" class=" ">
                                            NOMBRE: <strong><span id="nombreMarcacion"><?= $Asistencia->personaNOMBRES ?>&nbsp;<?= $Asistencia->personaAPELLIDOS ?></span></strong>
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown6" style="color:#000000;font-size:18px;text-align:center;" class=" ">
                                            <strong> <span id="cargoMarcacion"><?= $Asistencia->cargoTITULO ?></span></strong>
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown6" style="color:#000000;font-size:18px;text-align:center;" class=" ">
                                            <strong> <span id="deptoMarcacion"><?= $Asistencia->unidadTITULO ?></span></strong>
                                        </div>
                                        <div id="respuestaDeLaMarcacion-markdown7" style="color:#000000;font-size:18px;text-align:center;" class=" ">
                                            SEDE: <strong><span id="sedeMarcacion" ><?= $Asistencia->sedeTITULO ?></span></strong> 
                                        </div>
                                        <div class="spacer" style="height: 40px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <a href="javascript:void(0)" onclick="iniciarAPPasistencia();"
                           class=" button button-assertive  button-block icon-left ">Regresar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>