<!DOCTYPE html>
<html lang="es" id="extr-page">
<head>
    <meta charset="utf-8">
    <title>Diken</title>
    <meta name="description" content="Sistema de Producción">
    <meta name="author" content="Diken">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/font-awesome.min.css'); ?>">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/smartadmin-production-plugins.min.css'); ?>">
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/smartadmin-production.min.css'); ?>">
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/smartadmin-skins.min.css'); ?>">

    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/smartadmin-rtl.min.css'); ?>">

    <!-- We recommend you use "your_style.css" to override SmartAdmin
         specific styles this will also ensure you retrain your customization with each SmartAdmin update.
    <link rel="stylesheet" type="text/css" media="screen" href="http://saf.cl/css/your_style.css"> -->

    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo asset('css/demo.min.css'); ?>">

    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="<?php echo asset('img/favicon/favicon.ico'); ?>" type="image/x-icon">
    <link rel="icon" href="<?php echo asset('img/favicon/favicon.ico'); ?>" type="image/x-icon">

    <!-- #GOOGLE FONT -->
    <link rel="stylesheet" href="<?php echo asset('css/google_font.css'); ?>">

    <!-- #APP SCREEN / ICONS -->
    <!-- Specifying a Webpage Icon for Web Clip
             Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
    <link rel="apple-touch-icon" href="<?php echo asset('img/splash/sptouch-icon-iphone.png'); ?>">
    <link rel="apple-touch-icon" sizes="76x76" href="<?php echo asset('img/splash/touch-icon-ipad.png'); ?>">
    <link rel="apple-touch-icon" sizes="120x120" href="<?php echo asset('img/splash/touch-icon-iphone-retina.png'); ?>">
    <link rel="apple-touch-icon" sizes="152x152" href="<?php echo asset('img/splash/touch-icon-ipad-retina.png'); ?>">

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="<?php echo asset('img/splash/ipad-landscape.png'); ?>" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="<?php echo asset('img/splash/ipad-portrait.png'); ?>" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="<?php echo asset('img/splash/iphone.png'); ?>" media="screen and (max-device-width: 320px)">

</head>

<body class="animated fadeInDown">

<div id="main" role="main">
    <div class="row">
        <?php if(count($errors) > 0): ?>
            <div class="col-xs-12">
                <div class="alert alert-danger fade in">
                    <button class="close" data-dismiss="alert">
                        ×
                    </button>
                    <i class="fa-fw fa fa-times"></i>
                    <strong>Error!</strong>
                    <?php if(count($errors) == 1): ?>
                        <?php echo $errors->all()[0]; ?>

                    <?php else: ?>
                        <ul>
                            <?php foreach($errors->all() as $error): ?>
                                <li><?php echo $error; ?></li>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                </div>
            </div>
        <?php endif; ?>

        <?php if(Session::has('status')): ?>
            <div class="col-xs-12">
                <div class="alert alert-info fade in">
                    <button class="close" data-dismiss="alert">
                        ×
                    </button>
                    <i class="fa-fw fa fa-info"></i>
                    <strong>Info!</strong> <?php echo Session::get('status'); ?>

                </div>
            </div>
        <?php endif; ?>
    </div>
    <!-- MAIN CONTENT -->
    <div id="content" class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8 hidden-xs hidden-sm text-center">
                <img src="<?php echo asset('img/logo_diken.png'); ?>" style="width:210px">
            </div>
        </div>
        <br><br>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4">
                <div class="well no-padding">
                    <form method="POST" action="<?php echo url('login'); ?>" id="login-form" class="smart-form client-form">
                        <header>
                            Ingresar
                        </header>

                        <fieldset>
                            <section>
                                <label class="label">Usuario</label>
                                <label class="input"> <i class="icon-append fa fa-user"></i>
                                    <input type="text" name="usuario" value="<?php echo Input::old('usuario'); ?>">
                                    <b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> Por favor ingrese su Nombre de usuario</b>
                                </label>
                            </section>

                            <section>
                                <label class="label">Contraseña</label>
                                <label class="input"> <i class="icon-append fa fa-lock"></i>
                                    <input type="password" name="password">
                                    <b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> Ingrese su Contraseña</b>
                                </label>
                            </section>

                            <section>
                                <label class="checkbox">
                                    <input type="checkbox" name="remember" checked="" tabindex="-1">
                                    <i></i>Recordarme
                                </label>
                            </section>
                        </fieldset>

                        <footer>
                            <button type="submit" class="btn btn-primary">
                                Ingresar
                            </button>
                        </footer>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

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

<script>
    //<![CDATA[
    var webroot = "<?php echo url('/'); ?>";
    //]]>
</script>

<!-- jQuery + jQueryUI -->
<script src="http://saf.cl/js/libs/jquery-2.1.1.min.js"></script>

<script src="http://saf.cl/js/libs/jquery-ui-1.10.3.min.js"></script>

<!-- IMPORTANT: APP CONFIG -->
<script src="http://saf.cl/js/app.config.js"></script>

<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
<script src="http://saf.cl/js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

<!-- BOOTSTRAP JS -->
<script src="http://saf.cl/js/bootstrap/bootstrap.min.js"></script>

<!-- JQUERY VALIDATE -->
<script src="http://saf.cl/js/plugin/jquery-validate/jquery.validate.min.js"></script>

<!-- JQUERY MASKED INPUT -->
<script src="http://saf.cl/js/plugin/masked-input/jquery.maskedinput.min.js"></script>

<!--[if IE 8]>

<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

<![endif]-->

<!-- MAIN APP JS FILE -->
<script src="http://saf.cl/js/app.js"></script>

<script type="text/javascript">
    runAllForms();
    // focus en primer campo
    $('.client-form').find(':input:enabled:visible:not([readonly]):first').focus();
    $(function() {
        // Validation
        $("#login-form").validate({
            // Rules for form validation
            rules : {
                usuario : {
                    required : true,
                },
                password : {
                    required : true
                }
            },
            // Messages for form validation
            messages : {
                usuario : {
                    required : 'Por favor ingrese su Nombre de usuario',
                },
                password : {
                    required : 'Por favor ingrese su Contraseña'
                }
            },
            // Do not change code below
            errorPlacement : function(error, element) {
                error.insertAfter(element.parent());
            }
        });
    });
</script>

</body>
</html>