<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: auto;margin: auto;" class="list card " id="respuestaDeLaMarcacion-card22">
                                    <div class="item item-body " id="respuestaDeLaMarcacion-list-item-container2" style="width:auto;">
                                        <div style="text-align: center">
                                            <img id="fotoMarcacion" src="<?= URL_ARCHIVOS.$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 
                                            <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>
                                        <?php if (isset($Permisos)): ?>
                                        <div class="item item-body " id="Permisos">
                                            <div id="Permisos" style="color:#000000;font-size:18px;text-align:center;" class=" ">
                                                PERMISOS VIGENTES: <br><br>
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr class="info">
                                                            <th>#</th>
                                                            <th>Fecha Permiso</th>
                                                            <th>Motivo</th>
                                                            <th>Acciones</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <?php
                                                        $id = 1;
                                                        foreach ($Permisos as $Permiso):
                                                            ?>
                                                            <tr>
                                                                <td><?= $id; ?></td>
                                                                <td><?= $Permiso->permisoFCHPERMISO; ?></td>
                                                                <td><?= $Permiso->permisoMotivoTITULO; ?></td>
                                                                <td>
                                                                    <a href="javascript:void(0)" onclick="confirmaCerrar(<?= $Permiso->permisoID ?>);" class="btn btn-success" >Cerrar Permiso</a>
                                                                </td>
                                                            </tr>
                                                            <?php
                                                            $id = $id + 1;
                                                        endforeach;
                                                        ?>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="spacer" style="height: 40px;"></div>
                                        </div>
                                    <?php endif; ?>
                                    </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>

