<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>SIPS</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" type="text/css" href="<?= base_url('dist_publico/css/util.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?= base_url('dist_publico/css/main.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?= base_url('dist_publico/fonts/font-awesome-4.7.0/css/font-awesome.min.css'); ?>">

    <!-- Custom styles for this template -->
    <link rel="icon" href="<?= base_url('dist/images/grupo.jpg'); ?>" type="image/gif">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--Script para que pueda leer peticiones XAJAX-->
    <?= (isset($xajax_js)) ? $xajax_js : ''; ?>
  </head>

  <body style="background-color: #666666;">
  
    <div class="limiter">
      <div class="container-login100">
        <div class="wrap-login100">
          <?= form_open('inicio/ingresar',array('class' => 'login100-form validate-form','role' => 'form')) ?>
          <!-- <form action="" class="login100-form validate-form"> -->
            <span class="login100-form-title p-b-43">
              Inicia sesión
            </span>
            <div class="wrap-input100 validate-input" data-validate = "Ingrese su usuario">
              <input class="input100" type="text" name="txt_user" id="txt_user">
              <span class="focus-input100"></span>
              <span class="label-input100">Usuario</span>
            </div>
            <div class="wrap-input100 validate-input" data-validate="Ingrese una contraseña">
              <input class="input100" type="password" name="txt_pass" id="txt_pass">
              <span class="focus-input100"></span>
              <span class="label-input100">Contraseña</span>
            </div>

            <div class="flex-sb-m w-full p-t-3 p-b-32">
              <div class="contact100-form-checkbox">
              </div>
              <div>
                <a href="#" class="txt1" onclick="var correo = prompt('Escribe el correo o usuario para poder recuperar tu contraseña');
                                                  if(correo != null && correo != ''){
                                                    xajax_recuperar_pass(correo);
                                                  }
                                                  else
                                                    alert('ERROR AL INTRODUCIR EL USUARIO O CORREO ELECTRÓNICO');">
                  <!-- ¿Se te olvidó tu contraseña? -->
                </a>
              </div>
            </div>
            <div class="container-login100-form-btn">
              <button class="login100-form-btn" type="submit">
                Iniciar sesión
              </button>
              <br /><br />
              &copy; ITWEBSOLUTIONS. Desarrollado por <a href="mailto:carlos.cruz@itwebsolutions.com.mx">L.I. Carlos René Cruz Ruiz</a> - Derechos Reservados <?= date("Y") ?>
              <br /><br />
            </div>
          </form>
          <div class="login100-more" style="background-image: url(<?= base_url('dist/images/logo1.png'); ?>); width: '25%'">
            <!-- Esta imagen si se tiene que copiar por que la modifique para adecuarla al contenido -->
          </div>
        </div>
      </div>
    </div>
    
    <script src="<?= base_url('dist_publico/vendor/jquery/jquery-3.2.1.min.js'); ?>"></script> 
    <script src="<?= base_url('dist_publico/js/main.js'); ?>"></script> 
    <!--Estas libreria si sirbe anexelo con la que tiene usted en su proyecto  -->
  </body>
</html>