<!DOCTYPE html>
<html lang="es">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!--<meta name="_token" content="<?php echo e(csrf_token()); ?>" />-->
  <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>" />

  <title>*ITZ*</title>


  <link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/nice.css')); ?>">
  <link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/estiloPeti.css')); ?>">

  <link href="<?php echo e(asset('css/bootstrap.min.css')); ?>" rel="stylesheet">

  <link href="<?php echo e(asset('fonts/css/font-awesome.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('css/animate.min.css')); ?>" rel="stylesheet">

  <!-- Custom styling plus plugins -->
  <link href="<?php echo e(asset('css/custom.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('css/maps/jquery-jvectormap-2.0.3.css')); ?>" rel="stylesheet" type="text/css" />
  <link href="<?php echo e(asset('css/icheck/flat/orange.css')); ?>" rel="stylesheet" />
  <link href="<?php echo e(asset('css/floatexamples.css')); ?>" rel="stylesheet" type="text/css" />

  <link href="<?php echo e(asset('css/icheck/flat/green.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('css/calendar/fullcalendar.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('css/calendar/fullcalendar.print.css')); ?>" rel="stylesheet" media="print">

  <script src="<?php echo e(asset('js/jquery.min.js')); ?>" ></script>
  <script src="<?php echo e(asset('js/nprogress.js')); ?>" ></script>

  <script src="<?php echo e(asset('js/progressbar/bootstrap-progressbar.min.js')); ?>"></script>
  <script src="<?php echo e(asset('js/nicescroll/jquery.nicescroll.min.js')); ?>"></script>

  <script src="<?php echo e(asset('https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js')); ?>"></script>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="<?php echo e(asset('https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js')); ?>"></script>
  <!-- Latest compiled and minified JavaScript -->
  <script src="<?php echo e(asset('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js')); ?>" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  <script src="<?php echo e(asset('js/app.js')); ?>"></script>
  <script language="javascript" type="text/javascript" src="<?php echo e(asset('http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js')); ?>"></script>

  <script type="text/javascript" src="<?php echo e(asset('http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/localization/messages_es.js')); ?>"></script>
  <script src="<?php echo e(asset('http://code.jquery.com/jquery-2.1.1.min.js')); ?>"></script>
  <script type="text/javascript" src="<?php echo e(asset('js/moment/moment.min.js')); ?>"></script>
  <script src="<?php echo e(asset('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js')); ?>"></script>
  <script src="<?php echo e(asset('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js')); ?>"></script>
  <script src="<?php echo e(asset('js/jquery.min.js')); ?>"></script>

  <script type="text/javascript" src="<?php echo e(asset('js/mensajes.js')); ?>"></script>
  <script type="text/javascript" src="<?php echo e(asset('js/logeo.js')); ?>"></script>

</head>

<body  class="nav-md " style="background:#fff;">
  <div id='loading' style='display: none;'>
    <div class='container-fluid' style='margin:-110px 0 0 -82px; position:absolute; top:50%; left:50%; text-align:center'></div>
    <div><img src='images/Petirrojos.jpg' class='imgPeti' style='width:70px; height:70px;' /></div>
    <div class='spinner'>
      <div class='bounce1'></div>
      <div class='bounce2'></div>
      <div class='bounce3'></div>
    </div>
  </div>
  <div id='todo' style='color: #053e88;'>
    <div class="">
      <div id='tit' class='log_tit'>
        <h1>SISTEMA DEL INSTITUTO TECNOLÓGICO DE ZITÁCUARO<br>
          <small><span class='visible-lg visible-md'>SISTEMA DE GESTIÓN DEL SERVICIO SOCIAL</span>
          <span>DEPARTAMENTO DE GESTIÓN TECNOLÓGICA Y VINCULACIÓN</span></small></h1>
      </div>

      <div id="wrapper">
        <div class='col-lg-1 col-md-1 visible-lg visible-md'></div>
        <div class='col-lg-5 col-md-5 col-sm-6 visible-lg visible-md visible-sm cen'>
          <img src="images/logotec.jpg" width='300px;' height="250px">

        </div>     
        <div class='col-lg-5 col-md-5 col-sm-6 col-xs-12'>
          <div class='col-lg-1 col-md-1 col-sm-1 visible-lg visible-md visible-sm'></div>
          <div class='row'>
            <div class='visible-xs col-xs-12 cen'><img src="images/logotec.jpg" width='250px;' height="230px"></div>
            <div id="login" class="animate form">
              <section class="login_content">
                <?php if(Session::has('mensaje')): ?>
                  <div><p style="color: red;"><?php echo e(Session::get('mensaje')); ?></p></div>
                <?php endif; ?>                
                <form id="formLogin" method="POST">
                  <?php echo e(csrf_field()); ?>

                  <h1>BIENVENIDO/A</h1>
                  <div>
                    <input type="text" id="usu" name="usu" class="form-control" placeholder="Usuario" required="" />
                  </div>
                  <div>
                    <input type="password" id="pass" name="pass" class="form-control" placeholder="Contraseña" required="" />
                  </div>
                  <div>
                    <button type="button" id="btn_inicio" class="btn btn-login btn-dark submit" data-loading-text="Cargando..."  ><span class="sign-in"></span>Iniciar sesión</button>
                  </div>
                </form>
                <div id="respuesta" >&nbsp;</div>
              </section>
            </div>
          </div>
          <div class='col-lg-1 col-md-1 col-sm-1 visible-lg visible-md visible-sm'></div>
        </div>
        <div class='col-lg-1 col-md-1 visible-lg visible-md'></div>
      </div>
    </div>
  </div>

  <!-- MODAL DE MENSAJES -->
    <div class="modal fade" id="msjModalLogeo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="miModalLabel">Información</h4>
          </div>
          <div class="modal-body">
              <h5 class="mnsj"></h5>

              <div class="modal-footer">
                <button type="button" class="btn btn-dark" data-dismiss="modal">
                  <span class='fa fa-remove'></span> Cerrar
                </button>
              </div>
      </div>
    </div>
  </div>
</div>

  
  <script src="<?php echo e(asset('js/bootstrap.min.js')); ?>" ></script>     
  
</body>


</html>
