<?= $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">Bienvenido, <?= $nombres ?></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 h-100 align-items-center justify-content-center">
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-categorias">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-product-hunt-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>CATEGORÍAS DE ACTIVOS</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-productos?estado=ACTIVO">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-inbox-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>ACTIVOS</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-sucursales">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-bank-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>UBICACIONES</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-almacenes">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-home-3-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>DEPARTAMENTOS</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-perfiles">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-scales-3-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>ROLES</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
				<div class="col-lg-3 col-md-6">
					<div class="card">
						<div class="card-body">
							<a href="<?= $baseUrl ?>/listar-usuarios">
							<div class="d-flex flex-column align-items-center">
								<div class="avatar-sm flex-shrink-0">
									<span class="avatar-title bg-light text-primary rounded-circle shadow fs-3">
									<i class="ri-group-2-fill align-middle"></i>
									</span>
								</div>
								<div class="flex-grow-1 mt-3">
									<h4 class=" mb-0"><span>USUARIOS</span></h4>
								</div>
							</div>
							</a>
						</div>
						<!-- end card body -->
					</div>
					<!-- end card -->
				</div>
				<!-- end col -->
			</div>
		</div>
		<!-- 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-->
<!-- Modal Ver Tipo de Cambio -->
<div class="modal fade" id="verTipoCambio" tabindex="-1" role="dialog" aria-labelledby="exampleverPrecios" aria-hidden="true">
	<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="exampleverPrecios">Tipo de cambio de hoy <?= date("d-m-Y") ?></h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
				<span class="respuesta"></span>
				<div class="modal-body">
					<div class="row">
							<div class="col-xxl-12 col-md-12 col-12 mb-3">
								<table class="table table-nowrap">
									<thead>
										<tr>
											<th scope="col" class="text-center align-middle">Compra</th>
											<th scope="col" class="text-center align-middle">Venta</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="text-center align-middle"><span id="compra"></span></td>
											<td class="text-center align-middle"><span id="venta"></span></td>
										</tr>
									</tbody>
								</table>
							</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
				</div>
		</div>
	</div>
</div>
<?= $this->endSection(); ?>