<script src='https://www.recaptcha.net/recaptcha/api.js'></script>
<!doctype html>
<html lang="{{ app()->getLocale() }}">
    <head>
        <title>Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/bootstrap.min.css') }}">
        <link href="{{ asset('assets/vendors/iCheck/css/square/blue.css') }}" rel="stylesheet" type="text/css" />
        <link href="{{ asset('assets/vendors/bootstrapvalidator/css/bootstrapValidator.min.css') }}" rel="stylesheet" />
        <!-- page level css -->
        <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/pages/login.css') }}" />
        <!-- end of page level css -->
    </head>

<body>
    <div class="container">
        @if (Session::has('message'))
          <div class="alert alert-info alert-dismissible fade show" data-auto-dismiss="5000" role="alert">
          {!! Session::get('message') !!}         
             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          @endif
        <div class="row vertical-offset-100">
            <div class="col-sm-6 col-sm-offset-3  col-md-5 col-md-offset-4 col-lg-4 col-lg-offset-4">
                <div id="container_demo">
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form action="{{ route('login') }}" autocomplete="on" method="post" role="form" id="login_form">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <h3 class="black_bg">
                                    <img src="{{ asset('assets/img/logo.png') }}" alt="bentham logo">
                                    <br>Log In</h3>
                                <div class="form-group ">
                                    <label style="margin-bottom:0;" for="identity" class="uname control-label"> <i class="livicon" data-name="mail" data-size="16" data-loop="true" data-c="#3c8dbc" data-hc="#3c8dbc"></i> E-mail/User
                                    </label>
                                    <input id="identity" name="identity" placeholder="E-mail/Username" />
                                    <div class="col-sm-12"><span class="text-danger">{{ $errors->first('identity') }}</span>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label style="margin-bottom:0;" for="password" class="youpasswd"> <i class="livicon" data-name="key" data-size="16" data-loop="true" data-c="#3c8dbc" data-hc="#3c8dbc"></i> Password
                                    </label>
                                    <input type="password" id="password" name="password" placeholder="Enter a password" />
                                    <div class="col-sm-12"><span class="text-danger">{{ $errors->first('password') }}</span>
                                    </div>
                                </div>
                                <div class="form-group ">                                      
                                         <div class="g-reCAPTCHA" data-sitekey="{{ env('SETTINGS_GOOGLE_RECAPTCHA_SITE_KEY') }}"></div>
                                          @if ($errors->has('g-recaptcha-response'))
                                              <span class="text-danger" style="display: block;">
                                                  <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                              </span>
                                          @endif
                                </div>
                                <p class="login button">
                                    <input type="submit" value="Log In" class="btn btn-dark" />
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- global js -->
    <script src="{{ asset('assets/js/app.js') }}" type="text/javascript"></script>
    <!-- end of global js -->    
    <script src="{{ asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}" type="text/javascript"></script>
   
</body>      
</html>

