@extends('layouts.loginmonevpkam')

@section('content')
  @include('layouts._flash2')
  <div class="login-logo">
    <a href="{{ url('/') }}">NutriCalcApp<b>NCA</b></a>
  </div>
  <!-- /.login-logo -->
  <div class="login-box-body">
    <p class="login-box-msg">Silahkan sign in untuk memulai </p>

    {!! Form::open(['url'=>'login', 'method'=>'post']) !!}

    {{ csrf_field() }}
        <div class="form-group has-feedback {{ $errors->has('email') ? ' has-error' : '' }}">
            {!! Form::text('username', null, ['class'=>'form-control','placeholder'=>'username']) !!}
            <span class="glyphicon glyphicon-user form-control-feedback"></span>
            {!! $errors->first('username', '<p class="help-block">:message</p>') !!}
        </div>

        <div class="form-group has-feedback  {{ $errors->has('password') ? ' has-error' : '' }}">      
            {!! Form::password('password', ['class'=>'form-control','placeholder'=>'password']) !!}
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            {!! $errors->first('password', '<p class="help-block">:message</p>') !!}
        </div>
         <div class="row">
          <div class="col-xs-8">
             <a href="{{ url('/password/reset') }}"><i class="fa fa-key" aria-hidden="true"></i> Lupa password ? Klik disini</a><br>
             <a href="{{ url('/register') }}" class="text-center"><i class="fa fa-user-plus"></i> Daftar user baru</a><br>
              <a href="{{ url('/') }}" class="text-center"><i class="fa fa-bar-chart"></i> kembali ke Dashboard </a>
           </div>
          <!-- /.col -->
          <div class="col-xs-4">
            <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
          </div>
          <!-- /.col -->
        </div>
        {!! Form::close() !!}
       

  </div>
@endsection

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