<!DOCTYPE html>

<html lang="en" class="no-js">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8"/>
        <title>Syron | System</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
        <meta content="" name="description"/>
        <meta content="" name="author"/>


        <!-- BEGIN GLOBAL MANDATORY STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>

        <link href="../css/login/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/login/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/login/uniform.default.css" rel="stylesheet" type="text/css"/>
        <link href="../css/login/login-soft.css" rel="stylesheet" type="text/css"/>
        <link href="../css/login/components.css" rel="stylesheet" type="text/css"/>
        <!-- END THEME STYLES -->


        <link rel="shortcut icon" href="favicon.ico"/>
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->

    <body class="login">
        <!-- BEGIN LOGO -->
        <div class="logo">
            <a href="index.html">
                <img src="../images/login/logo.png" alt="logo" class="logo-default"/>
            </a>
        </div>
        <!-- END LOGO -->
        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
        <div class="menu-toggler sidebar-toggler">
        </div>
        <!-- END SIDEBAR TOGGLER BUTTON -->
        <!-- BEGIN LOGIN -->
        <div class="content">
            <!-- BEGIN LOGIN FORM -->
            <form class="form-horizontal login-form" role="form" method="POST" action="{{URL::to('/')}}/auth/login">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <h3 class="form-title">Login to your account</h3>
                <div class="alert alert-danger display-hide">
                    <button class="close" data-close="alert"></button>
                    <span>
                        Enter any username and password. </span>
                </div>
                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">Username</label>
                    <div class="input-icon">
                        <i class="fa fa-user"></i>
                        <input class="form-control placeholder-no-fix" type="email" autocomplete="off" placeholder="Username" name="email" value="{{ old('email') }}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label visible-ie8 visible-ie9">Password</label>
                    <div class="input-icon">
                        <i class="fa fa-lock"></i>
                        <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password"/>
                    </div>
                </div>
                <div class="form-actions">
                    <label class="checkbox">
                        <input type="checkbox" name="remember" value="1"/> Remember me </label>
                    <button type="submit" class="btn blue pull-right">
                        Login <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
                <!--<div class="login-options">
                        <h4>Or login with</h4>
                        <ul class="social-icons">
                                <li>
                                        <a class="facebook" data-original-title="facebook" href="#">
                                        </a>
                                </li>
                                <li>
                                        <a class="twitter" data-original-title="Twitter" href="#">
                                        </a>
                                </li>
                                <li>
                                        <a class="googleplus" data-original-title="Goole Plus" href="#">
                                        </a>
                                </li>
                                <li>
                                        <a class="linkedin" data-original-title="Linkedin" href="#">
                                        </a>
                                </li>
                        </ul>
                </div>-->
                <div class="forget-password">
                    <h4>Forgot your password ?</h4>
                    <p>
                        no worries, click <a href="javascript:;" id="forget-password">
                            here </a>
                        to reset your password.
                    </p>
                </div>
                <!--<div class="create-account">
                        <p>
                                 Don't have an account yet ?&nbsp; <a href="javascript:;" id="register-btn">
                                Create an account </a>
                        </p>
                </div>-->
            </form>
            <!-- END LOGIN FORM -->
            <!-- BEGIN FORGOT PASSWORD FORM -->
            <form class="forget-form" action="index.html" method="post">
                <h3>Forget Password ?</h3>
                <p>
                    Enter your e-mail address below to reset your password.
                </p>
                <div class="form-group">
                    <div class="input-icon">
                        <i class="fa fa-envelope"></i>
                        <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email"/>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="button" id="back-btn" class="btn">
                        <i class="m-icon-swapleft"></i> Back </button>
                    <button type="submit" class="btn blue pull-right" id="blockui_sample_2_2">
                        Submit <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
            </form>
            <!-- END FORGOT PASSWORD FORM -->
        </div>
        <!-- END LOGIN -->
        <!-- BEGIN COPYRIGHT -->
        <div class="copyright">
            <script type="text/javascript">
                <!--
                var date = new Date();
                var year = date.getYear();
                year = year < 1000 ? year + 1900 : year;
                document.write('&copy;' + '&nbsp;' + year);
                //-->
            </script> Ecommerce software by Fashio        n. 
        </d        iv>
        <!-- END COPYRIGHT -        ->
        
        <!-- BEGIN CORE PLUGINS         -->
        <script src="../js/login/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script src="../js/login/bootstrap.min.js" type="text/javascript"></script>
        <script src="../js/login/jquery.uniform.min.js" type="text/javascript"></script>
        <script src="../js/login/jquery.validate.min.js" type="text/javascript"></script>
        <script src="../js/login/jquery.backstretch.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/login/select2.min.js"></script>
        <script src="../js/login/metronic.js" type="text/javascript"></script>
        <script src="../js/login/layout.js" type="text/javascript"></script>
        <script src="../js/login/login-soft.js" type="text/javascript"></script>
        <!-- END PAGE LEVEL SCRIPTS -->
        <scri                 pt>
            jQuery(document).ready(function (                     ) {
            Metronic.init(); // init metronic core compone                     nts
            Login.init                 ();
            });
        </scri        pt>
        <!-- END JAVASCRIPTS -    ->
        
        </bo    dy>
        <!-- END BODY -->
</html>