
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>EgWaste </title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->

  <link rel='stylesheet' href='{{asset("bootstrap/css/bootstrap.min.css")}}'>

   

  <link rel='stylesheet' href='{{asset("dist/css/AdminLTE.min.css")}}'>

  <!-- iCheck -->
  <link rel='stylesheet' href='{{asset("plugins/iCheck/square/blue.css")}}'>
  <link rel="icon" type="image/x-icon" href="{{asset('dist/img/logo.png')}}">
  
  <style>
        <style>
    html {
  height:100%;
} 

body {
  margin:0;
}

.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}

.content {
  background-color:rgba(255,255,255,.8);
  border-radius:.25em;
  box-shadow:0 0 .25em rgba(0,0,0,.25);
  box-sizing:border-box;
  left:50%;
  padding:10vmin;
  position:fixed;
  text-align:center;
  top:50%;
  transform:translate(-50%, -50%);
}

h1 {
  font-family:monospace;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}
  </style>
  </style>
</head>

<!-- 
  style="height:1px;background: linear-gradient(145deg,rgb(165 227 190) , rgba(51,184,53,1));"
-->
<body class="hold-transition skin-blue layout-boxed sidebar-mini"  style="height:1px;background: linear-gradient(145deg,rgb(165 227 190) , rgba(51,184,53,1));">

<div class="bg"></div>
<div class="bg bg2"></div>
<div class="bg bg3"></div>

<div class="login-box" >
  <div class="login-logo" >
  <img  style="height: 100px;" src="{{asset('dist/img/logo.png')}}"  alt="User Image">
  </div>
  <!-- /.login-logo -->
  <div class="login-box-body" style="border-radius: 20px; padding:35px;background-color:#f7f7f7">

    <form class="form-horizontal" role="form" method="POST" action="{{ url('/login') }}">
                        {{ csrf_field() }}
      <div class="form-group has-feedback" >
        <input id="email" type="text" name="email" class="form-control" placeholder="Email">
        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="password" id="password" name="password" class="form-control" placeholder="Password">
        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
      </div>
      <div class="row">

      <div class="col-xs-14">
          <button type="submit" class="btn btn-success btn-block ">Sign in  </button>
        </div>
      
        
        <!-- /.col -->
        
        <!-- /.col -->
      </div>
    </form>

  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 2.2.3 -->
<script type='text/javascript' src='{{asset("plugins/jQuery/jquery-2.2.3.min.js")}}'></script>


<!-- Bootstrap 3.3.6 -->
<script type='text/javascript' src='{{asset("bootstrap/js/bootstrap.min.js")}}'></script>

<!-- iCheck -->
<script type='text/javascript' src='{{asset("plugins/iCheck/icheck.min.js")}}'></script>

<script>
  $(function () {
    $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue',
      increaseArea: '20%' // optional
    });
  });
</script>
</body>
</html>