<?= $this->extend('estructura/header_dashboard'); ?>
<?= $this->section('content'); ?>
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
	<div class="page-content">
		<div class="container-fluid">
			<!-- start page title -->
			<div class="row">
				<div class="col-12">
					<div class="page-title-box d-sm-flex align-items-center justify-content-between">
						<h4 class="mb-sm-0"><?= $elementoSeleccionadoModulo ?></h4>
						<div class="page-title-right">
							<ol class="breadcrumb m-0">
								<li class="breadcrumb-item"><a href="javascript: void(0);">Inicio</a></li>
								<li class="breadcrumb-item active"><?= $breadcrumb ?></li>
							</ol>
						</div>
					</div>
				</div>
			</div>
			<!-- end page title -->
			<div class="row">
			    <div class="col-xxl-12">
                    <div class="card">
                        <div class="card-body p-4">
                            <div class="d-flex justify-content-center">
                                <div class="flex-shrink-0 avatar-md mx-4">
                                    <div class="avatar-title bg-light rounded">
                                        <img src="<?= $baseUrl ?>/<?= $basePublic ?>/images/favicon.ico" alt="" height="50">
                                    </div>
                                </div>
                                <div class="d-flex text-center align-items-center">
                                    <div>
                                        <p class="text-muted m-0">Tarjeta de Acceso</p>
                                        <h5 class="mb-0"><?= !empty($tarjetaSeleccionada) ? $tarjetaSeleccionada['Serie'] : "SIN INFORMACIÓN" ?></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end card-body-->
                    </div>
                    <!--end card-->
                </div>
				<div class="col-lg-12">
					<form id="formPermisosPerfil" class="formulario" autocomplete="off" method="POST" action="<?= $baseUrl ?>/grabar-ubicaciones-tarjeta-acceso/<?= $idTarjetaAcceso ?>">
                        <span class="respuesta"></span>
                        <!-- Horizontal Form -->
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1"><?= $subtitulo ?></h5>
                                <div class="d-flex">
									<?php
									if (in_array("ADUBTA", $permisos)) 
									{
									?>
                                    <button type="submit" class="btn bg-success color-white px-2 py-1 mx-1">
                                        <i class="mdi mdi-content-save" style="font-size: 18px;"></i>
                                    </button>
									<?php
									}
									?>
                                    <a href="<?= $baseUrl.'/'.$previo ?>" class="btn bg-red-verisure color-white px-2 py-1 mx-1 waves-effect waves-light layout-rightside-btn">
    								    <i class="mdi mdi-arrow-left" style="font-size: 18px;"></i>
    								</a>
                                </div>
                            </div>
                            <!-- /.card-header -->
                            
                            <div class="card-body row m-0 p-0">

							<?php
							foreach($listaDirecciones as $direcciones)
							{
							    if($direcciones['ACTIVO'] == "1")
							    {
    							?>
    							<div class="col-4 p-3 m-0">
    								<div class="card text-dark bg-info">
    									<div class="card-header" style="background-color: transparent; color: #FFF;"><?= $direcciones['Direccion'] ?></div>
    									<div class="card-body" style="background-color: #FFF;">
    										
    									<?php
    									foreach($listaUbicaciones as $ubicaciones)
    									{
    										if($ubicaciones['IDDireccion'] == $direcciones['id_direccion'])
    										{
    										?>
    										<div class="row col-12 m-0 p-0">
        										<div class="form-check form-switch">
        											<input class="form-check-input" type="checkbox" role="switch" name="ubicaciones[<?=$ubicaciones['IDUbicacionAcceso']?>]" id="chk<?=$idTarjetaAcceso.$ubicaciones['IDUbicacionAcceso']?>" <?=$ubicaciones['ACTIVO']==1 ? 'checked' : ''?> >
        											<label class="form-check-label" for="chk<?=$idTarjetaAcceso.$ubicaciones['IDUbicacionAcceso']?>"><?=$ubicaciones['Ubicacion']?></label>
        										</div>
        									</div>
    										<?php
    										}
    									}
    									?>
    									</div>
    								</div>
    							</div>
    							<?php
							    }
							}
							?>
                            </div>
                            <!-- /.card-body -->
                        </div>
                    </form>
				</div>
			</div>
		</div>
		<span class="respuesta_global"></span>
		<!-- container-fluid -->
	</div>
	<!-- End Page-content -->
	<footer class="footer">
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-6">
					<script>document.write(new Date().getFullYear())</script> © Verisure Peru.
				</div>
				<div class="col-sm-6">
					<div class="text-sm-end d-none d-sm-block">
						Desarrollado por <a href="https://www.verisure.pe/">Verisure Peru</a>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>
<!-- end main content-->
<?php $this->endSection(); ?>