<?php
header("Content-Type: text/html;charset=utf-8");
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
if (!isset($_SESSION["usuario_editor"]) || $_SESSION["usuario_editor"] == 0){
	header("Location: ./");
	exit;
}
if ($_SESSION["control"]["tipo_editor"] != "administracion_general"){
	if ($_SESSION["control"]["tipo_editor"] == "administracion_almacen"){
		header("Location: ./almacen.php");
	} else if ($_SESSION["control"]["tipo_editor"] == "administracion_tienda") {
		header("Location: ./ventas.php");
	} else {
		header("Location: ./");
	}
	exit;
}
require_once("data/Conexion.php");
require_once("clases/cls_tienda.php");
?>
<?php require_once("seccion_cabecera.php"); ?>
<?php require_once("seccion_css.php"); ?>
<?php require_once("seccion_dialogo.php"); ?>
<?php require_once("seccion_alertas.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
	<link rel="icon" type="image/png" href="libreria/imagenes/favicon.png" sizes="64x64">
	<title>Usuarios</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="generator" content="Geany 1.38" />
	<?php if (isset($_COOKIE["custom_css"])){ ?>
	<link id="link_css" rel="stylesheet" type="text/css" href="libreria/css/demo_css_<?php echo($_COOKIE["custom_css"]); ?>.css?vervion=1.3">
	<?php } else { ?>
	<link id="link_css" rel="stylesheet" type="text/css" href="libreria/css/demo_css_Cristal.css?vervion=1.3">
	<?php } ?>
	<link rel="stylesheet" type="text/css" href="libreria/css/jquery-ui.css">
	<script language="JavaScript" type="text/javascript" src="libreria/js/jquery.min.js"></script>
	<script language="JavaScript" type="text/javascript" src="libreria/js/jquery-ui.js"></script>
</head>
<style>
<?php get_css(); ?>
<?php dialogo_loading_css(); ?>
<?php dialogo_image_css(); ?>
<?php dialogo_alert_css(); ?>
<?php dialogo_confirm_css(); ?>
</style>
<body>
	<?php alertas_pedidos_html(); ?>
	<?php dialogo_loading_html(); ?>
	<?php dialogo_image_html(); ?>
	<?php dialogo_alert_html(); ?>
	<?php dialogo_confirm_html(); ?>
	<?php get_header_html(); ?>
	<section class="section_body">
		<div class="dv_left">
			<div class="dv_border">
				<div class="box">
					<div class="header">
						<span>Usuarios</span>
						<button id="btn_nuevo" class="header_button buttons_active">
							<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
							<span>Nuevo</span>
						</button>
					</div>
					<hr>
					<div class="buscador_input">
						<input type="text" id="txt_buscar" name="txt_buscar" placeholder="usuario" />
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="#1C274C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
					</div>
					<div class="buscador_options">
						<div style="flex:1;"></div>
						<button class="option_button" id="btn_order_asc">
							<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10.22 15.97L9 17.19V5C9 4.59 8.66 4.25 8.25 4.25C7.84 4.25 7.5 4.59 7.5 5V17.19L6.28 15.97C5.99 15.68 5.51 15.68 5.22 15.97C4.93 16.26 4.93 16.74 5.22 17.03L7.72 19.53C7.79 19.6 7.87 19.65 7.96 19.69C8.05 19.73 8.15 19.75 8.25 19.75C8.35 19.75 8.45 19.73 8.54 19.69C8.63 19.65 8.71 19.6 8.78 19.53L11.28 17.03C11.57 16.74 11.57 16.26 11.28 15.97C10.99 15.68 10.51 15.68 10.22 15.97Z" fill="#1c274c"></path> <path d="M14 11.21C14.39 11.35 14.82 11.15 14.96 10.76L15.24 9.98001H17.27L17.55 10.76C17.66 11.07 17.95 11.26 18.26 11.26C18.34 11.26 18.43 11.25 18.51 11.22C18.9 11.08 19.1 10.65 18.96 10.26L17.25 5.47001C17.08 5.04001 16.69 4.76001 16.25 4.76001C15.81 4.76001 15.42 5.04001 15.25 5.49001L13.55 10.26C13.41 10.65 13.61 11.08 14 11.22V11.21ZM16.73 8.48001H15.77L16.25 7.14001L16.73 8.48001Z" fill="#1c274c"></path> <path d="M18.67 13.46C18.48 13.02 18.08 12.75 17.62 12.75H14.51C14.1 12.75 13.76 13.09 13.76 13.5C13.76 13.91 14.1 14.25 14.51 14.25H16.9L14.07 17.2C13.73 17.56 13.64 18.08 13.83 18.54C14.02 18.98 14.42 19.25 14.88 19.25H18.01C18.42 19.25 18.76 18.91 18.76 18.5C18.76 18.09 18.42 17.75 18.01 17.75H15.62L18.44 14.82C18.78 14.46 18.88 13.93 18.68 13.47L18.67 13.46Z" fill="#1c274c"></path> </g></svg>
						</button>
						<button class="option_button" id="btn_order_desc" style="display:none;">
							<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10.22 15.97L9 17.19V5C9 4.59 8.66 4.25 8.25 4.25C7.84 4.25 7.5 4.59 7.5 5V17.19L6.28 15.97C5.99 15.68 5.51 15.68 5.22 15.97C4.93 16.26 4.93 16.74 5.22 17.03L7.72 19.53C7.79 19.6 7.87 19.65 7.96 19.69C8.05 19.73 8.15 19.75 8.25 19.75C8.35 19.75 8.44 19.73 8.54 19.69C8.63 19.65 8.71 19.6 8.78 19.53L11.28 17.03C11.57 16.74 11.57 16.26 11.28 15.97C10.99 15.68 10.51 15.68 10.22 15.97Z" fill="#1c274c"></path> <path d="M18.96 18.25L17.25 13.46C17.08 13.03 16.69 12.75 16.25 12.75C15.81 12.75 15.42 13.03 15.25 13.48L13.55 18.25C13.41 18.64 13.61 19.07 14 19.21C14.39 19.35 14.82 19.15 14.96 18.76L15.24 17.98H17.27L17.55 18.76C17.66 19.07 17.95 19.26 18.26 19.26C18.34 19.26 18.43 19.25 18.51 19.22C18.9 19.08 19.1 18.65 18.96 18.26V18.25ZM15.77 16.48L16.25 15.14L16.73 16.48H15.77Z" fill="#1c274c"></path> <path d="M13.83 10.54C14.02 10.98 14.42 11.25 14.88 11.25H18.01C18.42 11.25 18.76 10.91 18.76 10.5C18.76 10.09 18.42 9.75001 18.01 9.75001H15.62L18.44 6.82001C18.78 6.46001 18.88 5.93001 18.68 5.47001C18.49 5.03001 18.09 4.76001 17.63 4.76001H14.52C14.11 4.76001 13.77 5.10001 13.77 5.51001C13.77 5.92001 14.11 6.26001 14.52 6.26001H16.91L14.08 9.21001C13.74 9.57001 13.65 10.09 13.84 10.55L13.83 10.54Z" fill="#1c274c"></path> </g></svg>
						</button>
					</div>
					<hr>
					<ul class="list_store" id="lista_elementos">
					</ul>
				</div>
			</div>
		</div>
		<div class="dv_middle"><span></span><span></span><span></span></div>
		<div class="dv_right">
			<div class="menu_button"><span></span><span></span><span></span></div>
			<div id="panel_edit"  class="dv_border" style="display:none;">
				<div class="header">
					<span>Datos del usuario</span>
					<button id="btn_cancelar_1" class="buttons buttons_inactive" style="display:none;">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M22 2L17 6.99998M17 1.99998L22 6.99996" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12V10.5M13.5 2H12C7.28595 2 4.92893 2 3.46447 3.46447C2.49073 4.43821 2.16444 5.80655 2.0551 8" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
						<span>Cancelar</span>
					</button>
					&nbsp;
					<button id="btn_guardar_1" class="buttons buttons_inactive" style="display:none;">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M17 2V8.8076C17 9.78253 17 10.27 16.8709 10.5607C16.5766 11.2233 15.8506 11.5805 15.1461 11.4095C14.8369 11.3344 14.4507 11.037 13.6782 10.4422C13.2421 10.1064 13.024 9.9385 12.797 9.83985C12.2886 9.61899 11.7114 9.61899 11.203 9.83985C10.976 9.9385 10.7579 10.1064 10.3218 10.4422C9.5493 11.037 9.16307 11.3344 8.85391 11.4095C8.14942 11.5805 7.42342 11.2233 7.12914 10.5607C7 10.27 7 9.78253 7 8.8076V2" stroke="#1C274C" stroke-width="1.5"></path> </g></svg>
						<span>Guardar</span>
					</button>
					<button id="btn_editar_1" class="buttons buttons_inactive">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M18.562 2.9354L18.9791 2.5183C19.6702 1.82723 20.7906 1.82723 21.4817 2.5183C22.1728 3.20937 22.1728 4.32981 21.4817 5.02087L21.0646 5.43797M18.562 2.9354C18.562 2.9354 18.6142 3.82172 19.3962 4.60378C20.1783 5.38583 21.0646 5.43797 21.0646 5.43797M18.562 2.9354L14.7275 6.76995C14.4677 7.02968 14.3379 7.15954 14.2262 7.30273C14.0945 7.47163 13.9815 7.65439 13.8894 7.84776C13.8112 8.01169 13.7532 8.18591 13.637 8.53437L13.2651 9.65M21.0646 5.43797L17.23 9.27253C16.9703 9.53225 16.8405 9.66211 16.6973 9.7738C16.5284 9.90554 16.3456 10.0185 16.1522 10.1106C15.9883 10.1888 15.8141 10.2468 15.4656 10.363L14.35 10.7349M14.35 10.7349L13.6281 10.9755C13.4567 11.0327 13.2676 10.988 13.1398 10.8602C13.012 10.7324 12.9673 10.5433 13.0245 10.3719L13.2651 9.65M14.35 10.7349L13.2651 9.65" stroke="#1C274C" stroke-width="1.5"></path> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
						<span>Editar</span>
					</button>
				</div>
				<input type="hidden" id="accion" name="accion" value="nuevo" />
				<input type="hidden" id="txt_codigo" name="txt_codigo" value="0" />
				<input type="hidden" id="txt_foto" name="txt_foto" value="" />
				<label class="input_image" id="btn_foto">Seleccionar imagen<input type="file" id="file_foto" name="file_foto" accept="image/*" style="display:none;" /></label>
				<div style="width:95%; padding: 10px;margin: auto; border: 1px solid #cccccc;">
					<h3>Datos personales</h3>
					<div class="input_text"><span>Nombre y Apellidos</span><input type="text" id="txt_nombres" name="txt_nombres" maxlength="255" /></div>
					<div class="input_select"><span>Tipo de Documento de identidad</span>
						<select id="txt_documento_tipo" name="txt_documento_tipo">
							<option selected>DNI</option>
							<option>Carné de Extranjería</option>
							<option>Pasaporte</option>
							<option>Cédula de Identidad</option>
						</select>
					</div>
					<div class="input_text"><span>Número de documento de identidad</span><input value="00000000" type="text" id="txt_documento_numero" name="txt_documento_numero" maxlength="15" /></div>
					<div class="input_text"><span>Telefono / Celular</span><input type="text" id="txt_telefono" name="txt_telefono" maxlength="15" /></div>
					<div class="input_text"><span>Correo electrónico</span><input type="text" id="txt_correo" name="txt_correo" maxlength="255" /></div>
					<div class="input_text"><span>Ubicación de residencia</span><input type="text" id="txt_residencia" name="txt_residencia" maxlength="255" /></div>
				</div>
				<br />
				<div style="width:95%; padding: 10px;margin: auto; border: 1px solid #cccccc;">
					<h3>Datos laborales</h3>
					<div class="input_select"><span>Nivel de acceso</span><select id="txt_tipo" name="txt_tipo"><option>Administrador</option><option selected>Vendedor</option></select></div>
					<div class="input_select"><span>Tienda asignada</span><select id="txt_usuario_tienda" name="txt_usuario_tienda"></select></div>
					<div class="input_select"><span>Estado de actividad</span><select id="txt_estado" name="txt_estado"><option selected>Activo</option><option>Suspendido</option></select></div>
				</div>
				<br />
				<div style="width:95%; padding: 10px;margin: auto; border: 1px solid #cccccc;">
					<h3>Permisos especiales</h3>
					<label class="input_check"><input type="checkbox" id="chk_cambiar_precio_venta" name="chk_cambiar_precio_venta" />Cambiar precios de los productos de venta</label>
				</div>
				<br />
				<div style="width:95%; padding: 10px;margin: auto; border: 1px solid #cccccc;">
					<h3>Datos de la cuenta</h3>
					<label class="input_check"><input type="checkbox" id="chk_cambiar_contrasena" name="chk_cambiar_contrasena" />Cambiar contraseña</label>
					<div class="input_text"><span>Usuario</span><input type="text" value="Administrador" id="txt_usuario" name="txt_usuario" maxlength="255" /></div>
					<div class="input_text"><span>Contraseña</span><input type="password" value="Administrador" id="txt_contrasena_1" name="txt_contrasena_1" maxlength="255" /></div>
					<div class="input_text"><span>Repetir contraseña</span><input type="password" value="Administrador" id="txt_contrasena_2" name="txt_contrasena_2" maxlength="255" /></div>
				</div>
				<div style="flex:1;">
				</div>
				<div class="header">
					<span></span>
					<button id="btn_cancelar_2" class="buttons buttons_inactive" style="display:none;">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M22 2L17 6.99998M17 1.99998L22 6.99996" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12V10.5M13.5 2H12C7.28595 2 4.92893 2 3.46447 3.46447C2.49073 4.43821 2.16444 5.80655 2.0551 8" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
						<span>Cancelar</span>
					</button>
					&nbsp;
					<button id="btn_guardar_2" class="buttons buttons_inactive" style="display:none;">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M17 2V8.8076C17 9.78253 17 10.27 16.8709 10.5607C16.5766 11.2233 15.8506 11.5805 15.1461 11.4095C14.8369 11.3344 14.4507 11.037 13.6782 10.4422C13.2421 10.1064 13.024 9.9385 12.797 9.83985C12.2886 9.61899 11.7114 9.61899 11.203 9.83985C10.976 9.9385 10.7579 10.1064 10.3218 10.4422C9.5493 11.037 9.16307 11.3344 8.85391 11.4095C8.14942 11.5805 7.42342 11.2233 7.12914 10.5607C7 10.27 7 9.78253 7 8.8076V2" stroke="#1C274C" stroke-width="1.5"></path> </g></svg>
						<span>Guardar</span>
					</button>
					<button id="btn_editar_2" class="buttons buttons_inactive">
						<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M18.562 2.9354L18.9791 2.5183C19.6702 1.82723 20.7906 1.82723 21.4817 2.5183C22.1728 3.20937 22.1728 4.32981 21.4817 5.02087L21.0646 5.43797M18.562 2.9354C18.562 2.9354 18.6142 3.82172 19.3962 4.60378C20.1783 5.38583 21.0646 5.43797 21.0646 5.43797M18.562 2.9354L14.7275 6.76995C14.4677 7.02968 14.3379 7.15954 14.2262 7.30273C14.0945 7.47163 13.9815 7.65439 13.8894 7.84776C13.8112 8.01169 13.7532 8.18591 13.637 8.53437L13.2651 9.65M21.0646 5.43797L17.23 9.27253C16.9703 9.53225 16.8405 9.66211 16.6973 9.7738C16.5284 9.90554 16.3456 10.0185 16.1522 10.1106C15.9883 10.1888 15.8141 10.2468 15.4656 10.363L14.35 10.7349M14.35 10.7349L13.6281 10.9755C13.4567 11.0327 13.2676 10.988 13.1398 10.8602C13.012 10.7324 12.9673 10.5433 13.0245 10.3719L13.2651 9.65M14.35 10.7349L13.2651 9.65" stroke="#1C274C" stroke-width="1.5"></path> <path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
						<span>Editar</span>
					</button>
				</div>
			</div>
			<div id="panel_splash" class="dv_border splash">
				<span class="splash_title">La Casa De La Seguridad S.A.C.</span>
				<div class="splash_image" style="background-image: url(libreria/imagenes/logo_casa_de_seguridad.png);"></div>
				<span class="splash_subtitle">Usuarios</span>
			</div>
		</div>
	</section>
</body>
<script>
var ctrl_datos = {
	buscar: "",
	filtro_estados: "Activo",
	filtro_tipos: "Todos",
	items_pagina: 0,
	items_cantidad: 0,
	orden: "ASC",
}
function activar_guardar(value=true){
	if (value){
		$("#btn_guardar_1, #btn_guardar_2").removeClass("buttons_inactive");
		$("#btn_cancelar_1, #btn_cancelar_2").removeClass("buttons_inactive");
		$("#btn_guardar_1, #btn_guardar_2").addClass("buttons_active");
		$("#btn_cancelar_1, #btn_cancelar_2").addClass("buttons_active");
		$("#btn_cancelar_1, #btn_cancelar_2").css("background-color", "red");
	} else {
		$("#btn_guardar_1, #btn_guardar_2").removeClass("buttons_active");
		$("#btn_cancelar_1, #btn_cancelar_2").removeClass("buttons_active");
		$("#btn_guardar_1, #btn_guardar_2").addClass("buttons_inactive");
		$("#btn_cancelar_1, #btn_cancelar_2").addClass("buttons_inactive");
		$("#btn_cancelar_1, #btn_cancelar_2").css("background-color", "");
	}
}
function obtenerTipoMIME(extension) {
	let formatos = {'jpeg':'image/jpeg',
					'jpg':'image/jpg',
					'png':'image/png',
					'gif':'image/gif',
					'bmp':'image/bmp',
					'tiff':'image/tiff',
					'tif':'image/tif',
					'webp':'image/webp',
					'svg':'image/svg+xml',
					'raw':'image/x-raw',
					'cr2':'image/x-canon-cr2',
					'nef':'image/x-nikon-nef',
					'dng':'image/x-adobe-dng',
					'ico':'image/x-icon',
					'heif':'image/heif',
					'heic':'image/heic',
					'pbm':'image/x-portable-bitmap',
					'pgm':'image/x-portable-graymap',
					'ppm':'image/x-portable-pixmap',
					'xpm':'image/x-xpixmap',
					'xbm':'image/x-xbitmap',
					'avif':'image/avif'
				};
    if (extension in formatos) {
		return formatos[extension]; // Devuelve el tipo MIME correspondiente
	} else {
		return 'image/jpeg'; // Tipo MIME predeterminado si no se encuentra la extensión
	}
}
function cargar_tiendas(){
	$.ajax({
		type: 'POST',
		dataType: "json",
		url: "control/ctrl_tienda.php",
		data: {
			accion: "lista",
			buscar: "",
			nombres: "",
			orden: "ASC",
			items_pagina: 0,
			items_cantidad: 0,
		},
		success: function (datos) {
			//console.log(datos);
			$("#txt_usuario_tienda").html("");
			if (datos.estado == "ok") {
				for(let idx=0; idx<datos.datos.length; idx++){
					let row = datos.datos[idx];
					$("#txt_usuario_tienda").append('<option value="'+row.tienda_id+'">'+row.nombre+'</option>');
				}
			} else if (datos.estado == "error") {
			} else {
			}
			$("#txt_usuario_tienda").val("");
		}
	});
}
function cargar_lista(){
	$.ajax({
		type: 'POST',
		dataType: "json",
		url: "control/ctrl_usuario.php",
		data: {
			accion: "lista",
			buscar: ctrl_datos.buscar,
			filtro_estados: ctrl_datos.filtro_estados,
			orden: ctrl_datos.orden,
			items_pagina: ctrl_datos.items_pagina,
			items_cantidad: ctrl_datos.items_cantidad,
		},
		success: function (datos) {
			//console.log(datos);
			/*$("#panel_edit").css("display", "none");
			$("#panel_splash").css("display", "flex");*/
			$("#lista_elementos").html("");
			if (datos.estado == "ok") {
				for(let indice=0; indice<datos.datos.length; indice++){
					let lista = datos.datos[indice];
					let img = '<img src="libreria/imagenes/sin_imagen.png" date-file="" />';
					if (lista.foto != ""){
						let fecha = new Date(lista.fecha_modificacion).getTime();
						img = '<img src="libreria/imagenes/usuario/'+lista.foto+'?ed='+fecha+'" date-file="'+lista.foto+'" />';
					}
					let html = '<li class="row_store" data-codigo="'+lista.usuario_id+'">';
					html += '<div class="item_image">'+img+'</div>';
					html += '<span>'+lista.usuario+'<br />'+lista.nombres+'</span>';
					html += '<svg class="btn_remove" width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M20.5001 6H3.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M9.5 11L10 16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M14.5 11L14 16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6" stroke="#1C274C" stroke-width="1.5"></path> <path d="M18.3735 15.3991C18.1965 18.054 18.108 19.3815 17.243 20.1907C16.378 21 15.0476 21 12.3868 21H11.6134C8.9526 21 7.6222 21 6.75719 20.1907C5.89218 19.3815 5.80368 18.054 5.62669 15.3991L5.16675 8.5M18.8334 8.5L18.6334 11.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>';
					html += '</li>';
					$("#lista_elementos").append(html);
				}
			} else if (datos.estado == "error") {
				open_dialog_alert(datos.mensaje);
			} else {
				open_dialog_alert("Ocurrió un error inesperado.");
			}
			close_loading();
		}
	});
}
function limpiar_datos(){
	$("#txt_codigo").val(0);
	$("#file_foto").val("");
	$("#txt_foto").val("");
	$("#txt_nombres").val("");
	$("#txt_documento_tipo").val("DNI");
	$("#txt_documento_numero").val("");
	$("#txt_telefono").val("");
	$("#txt_correo").val("");
	$("#txt_residencia").val("");
	$("#txt_estado").val("Activo");
	$("#txt_tipo").val("Vendedor");
	$("#txt_usuario_tienda").val("");
	$("#txt_usuario").val("");
	$("#txt_contrasena_1").val("");
	$("#txt_contrasena_2").val("");
	$("#btn_foto").css("background-image", "none");
	$("#chk_cambiar_contrasena").prop("checked", false);
	$("#txt_usuario").prop("readonly", true);
	$("#btn_foto").css("pointer-events", "none");
	$("#txt_nombres").prop("disabled", true);
	$("#txt_documento_tipo").prop("disabled", true);
	$("#txt_documento_numero").prop("disabled", true);
	$("#txt_telefono").prop("disabled", true);
	$("#txt_correo").prop("disabled", true);
	$("#txt_residencia").prop("disabled", true);
	$("#txt_estado").prop("disabled", true);
	$("#txt_tipo").prop("disabled", true);
	$("#txt_usuario_tienda").prop("disabled", true);
	$("#txt_usuario").prop("disabled", true);
	$("#txt_contrasena_1").prop("disabled", true);
	$("#txt_contrasena_2").prop("disabled", true);
	$("#chk_cambiar_contrasena").prop("disabled", true);
	$("#chk_cambiar_precio_venta").prop("disabled", true);
	$("#chk_cambiar_precio_venta").prop("checked", false);
	activar_guardar(false);
}
function cargar_datos(){
	limpiar_datos();
	let codigo = $("#lista_elementos .row_select").attr("data-codigo");
	open_loading();
	$.ajax({
		type: 'POST',
		dataType: "json",
		url: "control/ctrl_usuario.php",
		data: {
			accion: "datos",
			buscar: codigo
		},
		success: function (respuesta) {
			//console.log(respuesta);
			if (respuesta.estado == "ok") {
				let datos = respuesta.datos;
				$("#txt_codigo").val(datos.usuario_id);
				$("#txt_foto").val(datos.foto);
				$("#txt_nombres").val(datos.nombres);
				$("#txt_documento_tipo").val(datos.documento_tipo);
				$("#txt_documento_numero").val(datos.documento_numero);
				$("#txt_telefono").val(datos.telefono);
				$("#txt_correo").val(datos.correo);
				$("#txt_residencia").val(datos.direccion);
				$("#txt_estado").val(datos.estado_actividad);
				$("#txt_tipo").val(datos.tipo);
				$("#txt_usuario_tienda").val(datos.tienda_id);
				$("#txt_usuario").val(datos.usuario);
				if (datos.foto.length > 0){
					let fecha = new Date(datos.fecha_modificacion).getTime();
					$("#btn_foto").css("background-image", "url(libreria/imagenes/usuario/"+datos.foto+"?ed="+fecha+")");
				}
				$("#chk_cambiar_contrasena").prop("checked", false);
				$("#chk_cambiar_contrasena").parent().css("display", "flex");
				$("#txt_usuario").parent().css("display", "none");
				$("#txt_contrasena_1").parent().css("display", "none");
				$("#txt_contrasena_2").parent().css("display", "none");
				$("#chk_cambiar_precio_venta").prop("checked", false);
				if (datos.permisos.length > 2){
					let permisos = JSON.parse(datos.permisos);
					if (permisos.cambiar_precio_venta != undefined){
						$("#chk_cambiar_precio_venta").prop("checked", permisos.cambiar_precio_venta);
					}
				}
				
			} else if (respuesta.estado == "error") {
				open_dialog_alert(respuesta.mensaje);
			} else {
				open_dialog_alert("Ocurrió un error inesperado.");
			}
			$("#panel_splash").css("display", "none");
			$("#panel_edit").css("display", "block");
			close_loading();
		},
		error: function (){
			close_loading();
			open_dialog_alert("Ocurrió un error inesperado.");
		}
	});
	
}
function guardar_datos(){
	let txt_codigo = $("#txt_codigo").val().trim();
	let txt_foto = $("#txt_foto").val().trim();
	let txt_nombres = $("#txt_nombres").val().trim();
	let txt_documento_tipo = $("#txt_documento_tipo").val();
	let txt_documento_numero = $("#txt_documento_numero").val().trim();
	let txt_telefono = $("#txt_telefono").val().trim();
	let txt_correo = $("#txt_correo").val().trim();
	let txt_residencia = $("#txt_residencia").val().trim();
	let txt_estado = $("#txt_estado").val().trim();
	let txt_tipo = $("#txt_tipo").val().trim();
	let txt_tienda = $("#txt_usuario_tienda").val();
	let txt_usuario = $("#txt_usuario").val().trim();
	let txt_contrasena_1 = $("#txt_contrasena_1").val().trim();
	let txt_contrasena_2 = $("#txt_contrasena_2").val().trim();
	let chk_cambiar_contrasena = $("#chk_cambiar_contrasena").prop('checked');
	let chk_cambiar_precio_venta = $("#chk_cambiar_precio_venta").prop('checked');
	let emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	if (txt_codigo.length <= 0){
		txt_codigo = 0;
	} else {
		txt_codigo = parseInt(txt_codigo);
	}
	if (txt_tienda == null || txt_tienda == undefined || txt_tienda.length <= 0){
		txt_tienda = 0;
	}
	if (txt_nombres.length <= 0){
		open_dialog_alert("Ingrese los nombres del usuario");
	} else if (txt_documento_tipo == null || txt_documento_tipo == undefined || txt_documento_tipo.length <= 0){
		open_dialog_alert("Seleccione el tipo de documento de identidad del usuario");
	} else if (txt_documento_numero.length <= 0){
		open_dialog_alert("Ingrese el número del documento de identidad del usuario");
	} else if(txt_correo.length > 0 && !emailRegex.test(txt_correo)) {
		open_dialog_alert("El correo electrónico ingresado no es valido");
	} else if (txt_tipo == null || txt_tipo == undefined || txt_tipo.length <= 0){
		open_dialog_alert("Seleccione el tipo de usuario");
	} else if (txt_tienda == null || txt_tienda == undefined || txt_tienda.length <= 0){
		open_dialog_alert("Seleccione la tienda a la que se vinculara el usuario.");
	} else if (txt_estado == null || txt_estado == undefined || txt_estado.length <= 0){
		open_dialog_alert("Seleccione el estado de la cuenta");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_usuario.length <= 0){
		open_dialog_alert("Ingrese el nombre usuario");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_usuario.length < 6){
		open_dialog_alert("El nombre de usuario debe de tener más de 6 carácteres");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_contrasena_1.length <= 0){
		open_dialog_alert("Ingrese la contraseña");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_contrasena_1.length < 6){
		open_dialog_alert("la contraseña debe de tener más de 6 carácteres");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_contrasena_2.length <= 0){
		open_dialog_alert("Ingrese nuevamente la contraseña");
	} else if ((chk_cambiar_contrasena || txt_codigo <= 0) && txt_contrasena_1 != txt_contrasena_2){
		open_dialog_alert("Las contraseñas ingresadas no son iguales");
	} else {
		let permisos_especiales = {cambiar_precio_venta:chk_cambiar_precio_venta,}
		open_loading();
		$.ajax({
			type: 'POST',
			dataType: "json",
			url: "control/ctrl_usuario.php",
			data: {
				accion: "registrar",
				txt_codigo: txt_codigo,
				txt_foto: txt_foto,
				txt_nombres: txt_nombres,
				txt_documento_tipo: txt_documento_tipo,
				txt_documento_numero: txt_documento_numero,
				txt_telefono: txt_telefono,
				txt_correo: txt_correo,
				txt_residencia: txt_residencia,
				txt_estado: txt_estado,
				txt_tipo: txt_tipo,
				txt_tienda: txt_tienda,
				txt_usuario: txt_usuario,
				txt_contrasena_1: txt_contrasena_1,
				txt_contrasena_2: txt_contrasena_2,
				chk_cambiar_contrasena: chk_cambiar_contrasena,
				permisos: JSON.stringify(permisos_especiales),
				activo: true,
			},
			success: function (datos) {
				//console.log(datos);
				if (datos.estado == "ok") {
					limpiar_datos();
					$("#btn_editar_1, #btn_editar_2").css("display", "flex");
					$("#btn_guardar_1, #btn_guardar_2").css("display", "none");
					$("#btn_cancelar_1, #btn_cancelar_2").css("display", "none");
					if ($("#accion").val() == "nuevo"){
						cargar_lista();
					} else {
						let fecha = new Date().getTime();
						let b_row = $("#lista_elementos li[data-codigo='"+datos.codigo+"']");
						b_row.find("span").html(txt_usuario+"<br />"+txt_nombres);
						//b_row.find(".item_image img").attr("src", "libreria/imagenes/usuario/user_"+datos.codigo+".png?ed="+fecha);
						cargar_datos();
					}
					$("#btn_cancelar_2").click();
					//$("#accion").val("");
				} else if (datos.estado == "error") {
					open_dialog_alert(datos.mensaje);
				} else {
					open_dialog_alert("Ocurrió un error inesperado.");
				}
				close_loading();
			},
			error: function (){
				close_loading();
				open_dialog_alert("Ocurrió un error inesperado.");
			}
		});
	}
}
function resizeWindow(){
	resizePanel();
}
<?php get_header_javascript(); ?>
<?php alertas_pedidos_javascript(); ?>
<?php dialogo_loading_javascript(); ?>
<?php dialogo_image_javascript(); ?>
<?php dialogo_alert_javascript(); ?>
<?php dialogo_confirm_javascript(); ?>
$(document).ready(function() {
	$( window ).on("resize", function(){
		resizeWindow();
	});
	resizeWindow();
	<?php get_header_ready(); ?>
	<?php alertas_pedidos_ready(); ?>
	<?php dialogo_loading_ready(); ?>
	<?php dialogo_image_ready(); ?>
	<?php dialogo_alert_ready(); ?>
	<?php dialogo_confirm_ready(); ?>
    $("#btn_order_asc").click(function(){
		if ($("#txt_buscar").prop("disabled")){
			return;
		}
		ctrl_datos.items_pagina = 0;
		ctrl_datos.items_cantidad = 0;
		ctrl_datos.orden = "DESC";
		$("#btn_order_asc").css("display", "none");
		$("#btn_order_desc").css("display", "block");
		cargar_lista();
	});
    $("#btn_order_desc").click(function(){
		if ($("#txt_buscar").prop("disabled")){
			return;
		}
		ctrl_datos.items_pagina = 0;
		ctrl_datos.items_cantidad = 0;
		ctrl_datos.orden = "ASC";
		$("#btn_order_asc").css("display", "block");
		$("#btn_order_desc").css("display", "none");
		cargar_lista();
	});
	$("#lista_elementos").on("click", ".row_store", function(e){
		if ($(this).css("pointer-events") == "none"){
			return;
		}
		$("#lista_elementos .row_select").removeClass("row_select");
		$(this).addClass("row_select");
		let codigo = $(this).attr("data-codigo");
		activar_guardar(false);
		if($(e.target).attr("class") == "btn_remove"){
			let parent_button = $(e.target).parent()
			open_dialog_confirm("¿Desea eliminar la cuenta de usuario seleccionado?", function(){
				open_loading();
				$.ajax({
					type: 'POST',
					dataType: "json",
					url: "control/ctrl_usuario.php",
					data: {
						accion: "eliminar",
						buscar: codigo,
					},
					success: function (datos) {
						//console.log(datos);
						if (datos.estado == "ok") {
							$("#panel_edit").css("display", "none");
							$("#panel_splash").css("display", "flex");
							limpiar_datos();
							parent_button.remove();
						} else if (datos.estado == "error") {
							open_dialog_alert(datos.mensaje);
						} else {
							open_dialog_alert("ocurrió un error inesperado.");
						}
						close_loading();
						
						$("#accion").val("");
						$("#btn_cancelar_2").click();
					}, 
					error: function(){
						close_loading();
						open_dialog_alert("ocurrió un error inesperado.");
					}
				});
			});
		} else {
			$("#btn_editar_1, #btn_editar_2").css("display", "flex");
			$("#btn_guardar_1, #btn_guardar_2").css("display", "none");
			$("#btn_cancelar_1, #btn_cancelar_2").css("display", "none");
			$("#btn_editar_1, #btn_editar_2").removeClass("buttons_inactive");
			$("#btn_editar_1, #btn_editar_2").addClass("buttons_active");
			cargar_datos();
		}
	});
	$("#btn_nuevo").click(function(){
		$("#btn_nuevo").css("visibility", "hidden");
		$(".section_header").css("pointer-events", "none");
		$("#txt_buscar").prop("disabled", true);
		$("#txt_filtro_estados").prop("disabled", true);
		$("#lista_elementos .row_store").css("pointer-events", "none");
		$("#lista_elementos .row_select").removeClass("row_select");
		$("#chk_cambiar_contrasena").parent().css("display","none");
		$("#btn_editar_1, #btn_editar_2").css("display", "none");
		$("#btn_guardar_1, #btn_guardar_2").css("display", "flex");
		$("#btn_cancelar_1, #btn_cancelar_2").css("display", "flex");
		limpiar_datos();
		$("#btn_foto").css("pointer-events", "unset");
		$("#txt_nombres").prop("disabled", false);
		$("#txt_documento_tipo").prop("disabled", false);
		$("#txt_documento_numero").prop("disabled", false);
		$("#txt_telefono").prop("disabled", false);
		$("#txt_correo").prop("disabled", false);
		$("#txt_residencia").prop("disabled", false);
		$("#txt_estado").prop("disabled", false);
		$("#txt_tipo").prop("disabled", false);
		$("#txt_usuario_tienda").prop("disabled", false);
		$("#txt_usuario").prop("disabled", false);
		$("#txt_usuario").prop("readonly", false);
		$("#txt_contrasena_1").prop("disabled", false);
		$("#txt_contrasena_2").prop("disabled", false);
		$("#chk_cambiar_contrasena").prop("disabled", true);
		$("#chk_cambiar_precio_venta").prop("disabled", false);
		$("#chk_cambiar_precio_venta").prop("checked", false);
		$("#btn_cancelar_1, #btn_cancelar_2").removeClass("buttons_inactive");
		$("#btn_cancelar_1, #btn_cancelar_2").addClass("buttons_active");
		$("#btn_cancelar_1, #btn_cancelar_2").css("background-color", "red");
		$("#txt_usuario").parent().css("display", "flex");
		$("#txt_contrasena_1").parent().css("display", "flex");
		$("#txt_contrasena_2").parent().css("display", "flex");
		$("#accion").val("nuevo");
		$("#panel_splash").css("display", "none");
		$("#panel_edit").css("display", "block");
	});
	$("#btn_editar_1, #btn_editar_2").click(function(){
		$("#btn_nuevo").css("visibility", "hidden");
		$(".section_header").css("pointer-events", "none");
		$("#txt_buscar").prop("disabled", true);
		$("#txt_filtro_estados").prop("disabled", true);
		$("#lista_elementos .row_store").css("pointer-events", "none");
		$("#btn_editar_1, #btn_editar_2").css("display", "none");
		$("#btn_guardar_1, #btn_guardar_2").css("display", "flex");
		$("#btn_cancelar_1, #btn_cancelar_2").css("display", "flex");
		$("#btn_foto").css("pointer-events", "unset");
		$("#txt_nombres").prop("disabled", false);
		$("#txt_documento_tipo").prop("disabled", false);
		$("#txt_documento_numero").prop("disabled", false);
		$("#txt_telefono").prop("disabled", false);
		$("#txt_correo").prop("disabled", false);
		$("#txt_residencia").prop("disabled", false);
		$("#txt_estado").prop("disabled", false);
		$("#txt_tipo").prop("disabled", false);
		$("#txt_usuario_tienda").prop("disabled", false);
		$("#txt_usuario").prop("disabled", false);
		$("#txt_contrasena_1").prop("disabled", false);
		$("#txt_contrasena_2").prop("disabled", false);
		$("#chk_cambiar_contrasena").prop("disabled", false);
		$("#chk_cambiar_precio_venta").prop("disabled", false);
		$("#btn_cancelar_1, #btn_cancelar_2").removeClass("buttons_inactive");
		$("#btn_cancelar_1, #btn_cancelar_2").addClass("buttons_active");
		$("#btn_cancelar_1, #btn_cancelar_2").css("background-color", "red");
		$("#accion").val("editar");
	});
	$("#btn_guardar_1, #btn_guardar_2").click(function(){
		if ($(this).hasClass("buttons_active")){
			guardar_datos();
		}
	});
	$("#btn_cancelar_1, #btn_cancelar_2").click(function(){
		if ($("#accion").val() == "nuevo"){
			limpiar_datos();
			$("#panel_edit").css("display", "none");
			$("#panel_splash").css("display", "flex");
		} else if ($("#accion").val() == "editar"){
			limpiar_datos();
			cargar_datos();
			$("#btn_editar_1, #btn_editar_2").css("display", "flex");
			$("#btn_guardar_1, #btn_guardar_2").css("display", "none");
			$("#btn_cancelar_1, #btn_cancelar_2").css("display", "none");
		} else {
			$("#chk_cambiar_contrasena").prop("checked", false);
			$("#txt_usuario").prop("readonly", true);
			$("#btn_foto").css("pointer-events", "none");
			$("#txt_nombres").prop("disabled", true);
			$("#txt_documento_tipo").prop("disabled", true);
			$("#txt_documento_numero").prop("disabled", true);
			$("#txt_telefono").prop("disabled", true);
			$("#txt_correo").prop("disabled", true);
			$("#txt_residencia").prop("disabled", true);
			$("#txt_estado").prop("disabled", true);
			$("#txt_tipo").prop("disabled", true);
			$("#txt_usuario_tienda").prop("disabled", true);
			$("#txt_usuario").prop("disabled", true);
			$("#txt_contrasena_1").prop("disabled", true);
			$("#txt_contrasena_2").prop("disabled", true);
			$("#chk_cambiar_contrasena").prop("disabled", true);
			$("#chk_cambiar_precio_venta").prop("disabled", true);
			$("#chk_cambiar_precio_venta").prop("checked", false);
			activar_guardar(false);
			$("#btn_editar_1, #btn_editar_2").css("display", "flex");
			$("#btn_guardar_1, #btn_guardar_2").css("display", "none");
			$("#btn_cancelar_1, #btn_cancelar_2").css("display", "none");
		}
		$("#btn_nuevo").css("visibility", "visible");
		$(".section_header").css("pointer-events", "unset");
		$("#txt_buscar").prop("disabled", false);
		$("#txt_filtro_estados").prop("disabled", false);
		$("#lista_elementos .row_store").css("pointer-events", "unset");
		$("#accion").val("");
	});
	$("#txt_buscar").keyup(function(e){
		if(e.keyCode == 13){
			$(this).next().click();
		}
	});
	$("#txt_buscar").next().click(function(){
		if ($("#txt_buscar").prop("disabled")){
			return;
		}
		ctrl_datos.buscar = $("#txt_buscar").val();
		ctrl_datos.items_pagina = 0;
		ctrl_datos.items_cantidad = 0;
		cargar_lista();
	});
	$("#txt_filtro_estados").change(function(){
		if ($("#txt_filtro_estados").prop("disabled")){
			return;
		}
		ctrl_datos.filtro_estados = $("#txt_filtro_estados").val();
		ctrl_datos.items_pagina = 0;
		ctrl_datos.items_cantidad = 0;
		cargar_lista();
	});
	$("#file_foto").change(function(evt){
		var maxWidth = 1024;
		var maxHeight = 1024;
		var tgt = evt.target || window.event.srcElement;
		var files = tgt.files;
		if (FileReader && files && files.length>0) {
			var fr = new FileReader();
			fr.onload = function (e) {
				var img = new Image();
				img.src = e.target.result;
				img.onload = function() {
					var canvas = document.createElement('canvas');
					var ctx = canvas.getContext('2d');
					var cw=canvas.width;
					var ch=canvas.height;
					var iw=img.width;
					var ih=img.height;
					var scale=Math.min((maxWidth/iw),(maxHeight/ih));
					var iwScaled=iw*scale;
					var ihScaled=ih*scale;
					canvas.width=iwScaled;
					canvas.height=ihScaled;
					ctx.drawImage(img,0,0,iwScaled,ihScaled);
					var extension = files[0].name.split('.').pop(); // Obtener la extensión del archivo
					var tipoMIME = obtenerTipoMIME(extension);
					var dataURL = canvas.toDataURL(tipoMIME);
					$("#txt_foto").val(dataURL);
					$("#btn_foto").css("background-image", "url("+dataURL+")");
					$("#file_foto").val("");
				};
			}
			fr.readAsDataURL(files[0]);
		} else {
		}
	});
	$("#chk_cambiar_contrasena").change(function(){
		if ($(this).is(':checked')){
			$("#txt_usuario").parent().css("display", "flex");
			$("#txt_contrasena_1").parent().css("display", "flex");
			$("#txt_contrasena_2").parent().css("display", "flex");
		} else {
			$("#txt_usuario").parent().css("display", "none");
			$("#txt_contrasena_1").parent().css("display", "none");
			$("#txt_contrasena_2").parent().css("display", "none");
		}
		
	});
	$("#panel_edit").on("change", "input", function(){ activar_guardar(true); });
	$("#panel_edit").on("change", "select", function(){
		activar_guardar(true); 
	});
	$(document).keydown(function(event) {
		var ajustarScroll = function($elemento) {
			/*let height_view = $('#table_list').parent().outerHeight()/2;
			let pos_top = $('#table_list').parent().position().top+($('#table_list').parent().outerHeight(true)/2.0);
			$('#table_list').parent().scrollTop($elemento.position().top+$('#table_list').parent().scrollTop()-pos_top);*/
			let pos_top = $('#lista_elementos').position().top+($('#lista_elementos').outerHeight(true)/2.0);
			pos_top -= $elemento.outerHeight(true)/2.0;
			$('#lista_elementos').scrollTop($elemento.position().top+$('#lista_elementos').scrollTop()-pos_top);
		}
		if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
			let $filas = $('#lista_elementos li');
			let $filaSeleccionada = $('#lista_elementos .row_select');
			if (!$filaSeleccionada.length) {
                $filas.eq(0).addClass('row_select');
                ajustarScroll($filas.eq(0));
                return;
            }
            let indiceSeleccionada = $filas.index($filaSeleccionada);
            if (event.key === 'ArrowUp' && indiceSeleccionada > 0) {
                $filaSeleccionada.removeClass('row_select');
                $filas.eq(indiceSeleccionada - 1).addClass('row_select');
                $filas.eq(indiceSeleccionada - 1).click();
                ajustarScroll($filas.eq(indiceSeleccionada - 1));
            } else if (event.key === 'ArrowDown' && indiceSeleccionada < $filas.length - 1) {
                $filaSeleccionada.removeClass('row_select');
                $filas.eq(indiceSeleccionada + 1).addClass('row_select');
                $filas.eq(indiceSeleccionada + 1).click();
                ajustarScroll($filas.eq(indiceSeleccionada + 1));
            }
			event.preventDefault();
		}
	});
	cargar_tiendas();
	cargar_lista();
});
</script>
</html>
