<!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")}}'>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">

  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Theme style -->

  <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')}}">
</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="login-box" >
  <div class="login-logo" >
  <img  style="width:200px;height: 230px;margin-top: -60px;" 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>