<!DOCTYPE html>
<!--[if gt IE 9]><!-->
<!--[if IE 9]>
<html class="no-js lt-ie10" lang="es-DO"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="es-DO"> <![endif]-->
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml">

<head>
    
    <title>Konta - 404</title>
    <!-- Icons -->
    <link rel="icon" href="/static/favicon.ico" />
    <link rel="icon" href="/static/favicon.png" />
    <link rel="apple-touch-icon" sizes="57x57"   href="/static/img/icon57.png" />
    <link rel="apple-touch-icon" sizes="72x72"   href="/static/img/icon72.png" />
    <link rel="apple-touch-icon" sizes="76x76"   href="/static/img/icon76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/static/img/icon114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/static/img/icon120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/static/img/icon144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/static/img/icon152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/static/img/icon180.png" />
    <!-- END Icons -->
    
    <div>

    <!-- ========================= -->
    <!-- CSS -->
    <!-- ========================= -->

    <link rel="stylesheet"
          href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="/static/css/plugins.css"/>

    <link rel="stylesheet"
          href="/static/css/main.css"/>

    <link rel="stylesheet"
          href="/static/css/themes.css"/>

    <link rel="stylesheet"
          href="/static/css/notify.css"/>

    <link rel="stylesheet"
          href="/static/js/angularChosen/chosen.min.css"/>

    <!-- FONT AWESOME 6 -->
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>

    <!-- GOOGLE FONT -->
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"/>

    <!-- ========================= -->
    <!-- CORE JS -->
    <!-- ========================= -->

    <!-- jQuery -->
    <script type="text/javascript"
            src="/static/js/vendor/jquery-1.11.3.min.js"></script>

    <!-- Bootstrap -->
    <script type="text/javascript"
            src="/static/js/vendor/bootstrap.min.js"></script>

    <!-- Plugins -->
    <script type="text/javascript"
            src="/static/js/plugins.js"></script>

    <!-- App -->
    <script type="text/javascript"
            src="/static/js/app.js"></script>

    <!-- Modernizr -->
    <script type="text/javascript"
            src="/static/js/vendor/modernizr-respond.min.js"></script>

    <!-- ========================= -->
    <!-- ANGULAR -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/angularjs/angular.min.js"></script>

    <script src="/static/angularjs/angular-animate.min.js"></script>

    <script src="/static/angularjs/ui-bootstrap-tpls.min.js"></script>
    <!-- Angular App -->
    <script type="text/javascript"
            src="/static/app/WebApp.min.js"></script>

    <!-- ========================= -->
    <!-- CHOSEN -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/js/angularChosen/chosen.jquery.min.js"></script>

    <script type="text/javascript"
            src="/static/js/angularChosen/angular-chosen.min.js"></script>


    <!-- ========================= -->
    <!-- CHARTS -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/js/ChartJs/Chart.min.js"></script>

    <script type="text/javascript"
            src="/static/js/angular-chart-js/angular-chart.min.js"></script>

    <!-- ========================= -->
    <!-- MOMENT -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/js/moment/moment.js"></script>

    <script type="text/javascript"
            src="/static/js/moment-timezone/moment-timezone.js"></script>

    <!-- ========================= -->
    <!-- NOTIFY -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/js/bootstrap-notify.js"></script>

    <!-- ========================= -->
    <!-- CUSTOM -->
    <!-- ========================= -->

    <script type="text/javascript"
            src="/static/app/utils.min.js"></script>

    <script type="text/javascript"
            src="/static/controller/home/consulta.min.js"></script>

    <script type="text/javascript"
            src="/static/js/pages/formsWizard.js"></script>

    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>

    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"/>
    <style>
        body{
            font-family:'Inter',sans-serif;
        }
    </style>

</div>
</head>


<body ng-app="WebErpApp" ng-cloak="">

<script>
    $(document).ready(function() {

        if ($('#colorPrimario').val() !== undefined) {
            var colorPrimario = $('#colorPrimario').val();
            $('#page-container').css('background-color', colorPrimario);
            $('#sidebar').css('background-color', colorPrimario);
            $('a.sidebar-brand').hover(
                function() {
                    // mouseenter
                    $(this).css('background-color', colorPrimario);
                },
                function() {
                    // mouseleave
                    $(this).css('background-color', colorPrimario);
                }
            );

            $('a.sidebar-title').hover(
                function() {
                    // mouseenter
                    $(this).css('background-color', colorPrimario);
                },
                function() {
                    // mouseleave
                    $(this).css('background-color', colorPrimario);
                }
            );
        }
    });
</script>
<div id="page-wrapper">
    <!-- Preloader -->
    <!-- Preloader functionality (initialized in js/app.js) - pageLoading() -->
    <!-- Used only if page preloader is enabled from inc/config (PHP version) or the class 'page-loading' is added in #page-wrapper element (HTML version) -->
    <div class="preloader themed-background">
        <h1 class="push-top-bottom text-light text-center">
            <strong>PinponRD</strong>
        </h1>
        <div class="inner">
            <h3 class="text-light visible-lt-ie9 visible-lt-ie10">
                <strong>Loading..</strong>
            </h3>
            <div class="preloader-spinner hidden-lt-ie9 hidden-lt-ie10"></div>
        </div>
    </div>
    <!-- END Preloader -->

    <div id="page-container" class="sidebar-partial sidebar-visible-lg sidebar-no-animations">

        <!-- Main Sidebar -->
        <div id="sidebar">
            <!-- Wrapper for scrolling functionality -->
            <div id="sidebar-scroll">
                <!-- Sidebar Content -->
                <div class="sidebar-content">
                    <!-- Brand -->
                    <a href="/home" class="sidebar-brand"> <i
                            class="gi gi-flash"></i><span class="sidebar-nav-mini-hide"><strong>Konta</strong> </span>
                    </a>
                    <!-- END Brand -->

                    <div
                            class="sidebar-section sidebar-user clearfix sidebar-nav-mini-hide">
                        <div class="sidebar-user-avatar">
                            <a href="#"> 
                            </a>
                        </div>
                        
                        <div class="sidebar-user-links">

                            <!-- Opens the user settings modal that can be found at the bottom of each page (page_footer.html in PHP version) -->
                            <a href="javascript:void(0)" class="enable-tooltip"
                               data-placement="bottom" title="Configuración"
                               onclick="$('#modal-user-settings').modal('show');"><i
                                    class="gi gi-cogwheel"></i></a>

                            <a href="javascript:{}"
                               onclick="document.getElementById('frmlogout').submit(); return false;" title="Salir"><i
                                    class="gi gi-exit"></i></a>


                        </div>
                    </div>

                    <!-- Theme Colors -->

                    <!-- END Theme Colors -->

                    <!-- Sidebar Navigation -->
                    <ul class="sidebar-nav">

                        <!-- ===================================== -->
                        <!-- DASHBOARD -->
                        <!-- ===================================== -->

                        <li>
                            <a href="/home" class="active">

                                <i class="fa fa-dashboard sidebar-nav-icon"></i>

                                <span class="sidebar-nav-mini-hide">
                Dashboard
            </span>

                            </a>
                        </li>

                        <!-- ===================================== -->
                        <!-- VENTAS -->
                        <!-- ===================================== -->

                        <li>

                            <a href="#" class="sidebar-nav-menu">

                                <i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i>

                                <i class="fa fa-shopping-cart sidebar-nav-icon"></i>

                                <span class="sidebar-nav-mini-hide">
                Ventas
            </span>

                            </a>

                            <ul>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                            </ul>

                        </li>

                        <!-- ===================================== -->
                        <!-- COMPRAS -->
                        <!-- ===================================== -->

                        <li>

                            

                            <ul>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                            </ul>

                        </li>

                        <!-- ===================================== -->
                        <!-- INVENTARIO -->
                        <!-- ===================================== -->

                        <li>

                            <a href="#" class="sidebar-nav-menu">

                                <i class="fa fa-angle-left sidebar-nav-indicator sidebar-nav-mini-hide"></i>

                                <i class="fa fa-cubes sidebar-nav-icon"></i>

                                <span class="sidebar-nav-mini-hide">
                Inventario
            </span>

                            </a>

                            <ul>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                            </ul>

                        </li>

                        <!-- ===================================== -->
                        <!-- CONTABILIDAD -->
                        <!-- ===================================== -->

                        <li>

                            

                            <ul>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                            </ul>

                        </li>

                        <!-- ===================================== -->
                        <!-- REPORTES -->
                        <!-- ===================================== -->

                        <li>

                            

                            <ul>

                                <li>
                                    
                                </li>

                                <li>
                                    
                                </li>

                            </ul>

                        </li>

                        <!-- ===================================== -->
                        <!-- ADMINISTRACION -->
                        <!-- ===================================== -->

                        

                    </ul>
                    <!-- END Sidebar Navigation -->


                </div>
                <!-- END Sidebar Content -->
            </div>
            <!-- END Wrapper for scrolling functionality -->
        </div>
        <!-- END Main Sidebar -->

        <!-- Main Container -->
        <div id="main-container">

            <header class="navbar navbar-default">
                <!-- Left Header Navigation -->
                <ul class="nav navbar-nav-custom">
                    <!-- Main Sidebar Toggle Button -->
                    <li><a href="javascript:void(0)"
                           onclick="App.sidebar('toggle-sidebar');this.blur();"> <i
                            class="fa fa-bars fa-fw"></i>
                    </a></li>
                    <ul class="dropdown-menu dropdown-custom dropdown-options">
                        <li class="dropdown-header text-center">Header Style</li>
                        <li>
                            <div class="btn-group btn-group-justified btn-group-sm">
                                <a href="javascript:void(0)" class="btn btn-primary"
                                   id="options-header-default">Light</a> <a
                                    href="javascript:void(0)" class="btn btn-primary"
                                    id="options-header-inverse">Dark</a>
                            </div>
                        </li>
                        <li class="dropdown-header text-center">Page Style</li>
                        <li>
                            <div class="btn-group btn-group-justified btn-group-sm">
                                <a href="javascript:void(0)" class="btn btn-primary"
                                   id="options-main-style">Default</a> <a
                                    href="javascript:void(0)" class="btn btn-primary"
                                    id="options-main-style-alt">Alternative</a>
                            </div>
                        </li>
                    </ul>
                    </li>
                    <!-- END Template Options -->
                </ul>

                <div id="horizontal-menu-collapse" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="/home">Inicio</a></li>

                    </ul>

                    <div class="navbar-text">
                        
                    </div>
                </div>
            </header>
            <!-- END Header -->

            <div>

    <div class='notifications top-right'></div>

    <div id="page-content">
        <div class="block">

            <div class="block-title"></div>

            <div class="table-options clearfix">
                <div class="btn-group btn-group-sm pull-left"></div>
            </div>

            <div class="table-responsive">
                <h2>Página no encontrada</h2>
                <p>Se produjo un problema al encontrar la página a la que intenta acceder.</p>
                <hr/>
                Por favor intente lo siguiente:
                <ul>
                    <li>
                        Haga clic en <a href="/home">Inicio</a> o inténtelo de nuevo más tarde.
                    </li>
                </ul>
            </div>

        </div>
    </div>

</div>


            <!-- END Page Content -->

            <!-- Footer -->
            <footer class="clearfix">
                <div class="pull-right"></div>
                <div class="pull-left"></div>
            </footer>
            <!-- END Footer -->
        </div>
        <!-- END Main Container -->
    </div>
    <!-- END Page Container -->
</div>
<!-- END Page Wrapper -->

<!-- Scroll to top link, initialized in js/app.js - scrollToTop() -->
<a href="#" id="to-top"><i class="fa fa-angle-double-up"></i></a>

<!-- User Settings, modal which opens from Settings link (found in top right user menu) and the Cog link (found in sidebar user info) -->
<div id="modal-user-settings" class="modal fade" tabindex="-1"
     role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header text-center">
                <h2 class="modal-title">
                    <i class="fa fa-pencil"></i> Perfil de Usuario
                </h2>
                <div class="modal-body">
                    <form class="form-horizontal form-bordered">
                        <fieldset>
                            <legend>Información</legend>
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="txtUsuario">Usuario</label>
                                <div class="col-md-8">
                                    

                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="txtNombre">Nombre</label>
                                <div class="col-md-8">
                                    
                                </div>
                            </div>

                        </fieldset>
                        <fieldset>
                            <legend>Cambio de contraseña</legend>
                            <di class="form-group">
                                <label class="col-md-4 control-label">Requisitos</label>
                                <p class="col-md-8 control-label" style="text-align: left !important;">*Al menos 10 caracteres<br>
                                    *Una letra en min&uacute;scula<br>
                                    *Una letra en may&uacute;scula<br>
                                    *Un n&uacute;mero<br>
                                    *No debe contener partes de tu nombre de usuario<br>
                                    *La contrase&ntilde;a no puede ser la misma que tus &uacute;ltimas 24 contrase&ntilde;as<br>
                                    *Debe haber transcurrido al menos 1 d&iacute;a desde que cambiaste tu contrase&ntilde;a por &uacute;ltima vez</p>
                            </di>
                            <div class="form-group">
                                <label class="col-md-4 control-label"
                                       for="user-settings-actual-password">Actual Contraseña</label>
                                <div class="col-md-8">
                                    <input type="password" id="user-settings-actual-password"
                                           name="user-settings-actual-password" class="form-control"
                                           placeholder="Actual Contraseña"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"
                                       for="user-settings-password">Nueva contraseña</label>
                                <div class="col-md-8">
                                    <input type="password" id="user-settings-password"
                                           name="user-settings-password" class="form-control"
                                           placeholder="Por favor eliga una contraseña compleja"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"
                                       for="user-settings-repassword">Confirmar Nueva
                                    contraseña</label>
                                <div class="col-md-8">
                                    <input type="password" id="user-settings-repassword"
                                           name="user-settings-repassword" class="form-control"
                                           placeholder="confirme su contraseña"/>
                                </div>
                            </div>
                        </fieldset>
                        <div class="form-group form-actions">
                            <div class="col-xs-12 text-right">
                                <button type="button" class="btn btn-sm btn-default"
                                        data-dismiss="modal" id="btnCerrarCambioContrasena">Cerrar
                                </button>

                                <a class="btn btn-sm btn-primary" onclick="cambiarContrasena()">Guardar</a>

                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
