@extends('layouts.app')
@section('header-include')


@section('content')

<meta name="description" content=" HR Management , " />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="css/font.css" type="text/css" />
<link rel="stylesheet" href="css/app.css" type="text/css" />
<section id="content" class="m-t-lg wrapper-md animated fadeInUp">    
    <div class="container aside-xxl">
      <a class="navbar-brand block" href="index.html">KINETIC HCM </a>

      <section class="panel panel-default bg-white m-t-lg">
        <header class="panel-heading text-center">

        </header>


        <!-- Form starts here --> 

        <form method="POST" action="{{ route('login') }}" class="panel-body wrapper-lg" >
            @csrf


          <div class="form-group">

          <!-- <label class="control-label">Email</label> -->

            <label class="control-label"> {{ __('E-Mail Address') }}</label>

           <!-- <input type="email" placeholder="test@example.com" class="form-control input-lg">-->
              
               <input id="email" type="email" class="form-control input-lg {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required autofocus>

                                @if ($errors->has('email'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif

          </div>

          <!-- password -->

          <div class="form-group">
            <!-- <label class="control-label">Password</label> -->

            <label for="password" class="control-label">{{ __('Password') }}</label>


           <!-- <input type="password" id="inputPassword" placeholder="Password" class="form-control input-lg"> -->

           <input id="password" type="password" class="form-control input-lg {{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

                                @if ($errors->has('password'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
          </div>

          <div class="checkbox">
            <!--  <label>
              <input type="checkbox"> Keep me logged in
            </label> -->

            <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                    <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label>
                                

          </div>

         


          <!-- <button type="submit" class="btn btn-primary">Sign in</button> -->

          <button type="submit" class="btn btn-primary">
                                    {{ __('Login') }}
                                </button>


          <!-- <a href="#" class="pull-right m-t-xs"><small>Forgot password?</small></a> -->

             @if (Route::has('password.request'))
                  <a class="pull-right m-t-xs" href="{{ route('password.request') }}">
                    {{ __('Forgot Your Password?') }}
                  </a>
              @endif
           
        </form>
        

      </section>
    </div>
  </section>
  <!-- footer -->
  <footer id="footer">
    <div class="text-center padder">
      <p>
        <small> Powered by Atlancis Technologies LTD <br>&copy; <?php echo date ('Y'); ?> </small>
      </p>
    </div>
  
  </footer>
  @endsection
  @section('footer-include')

  <!-- JS scripts here -->
  <!-- / footer -->
  <script src="js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.js"></script>
  <!-- App -->
  <script src="js/app.js"></script>
  <script src="js/app.plugin.js"></script>
  <script src="js/slimscroll/jquery.slimscroll.min.js"></script>
  @endsection