@extends('layouts.simple')

@section('title', 'Login Page')

@section('content')
  <div class="wrapper-page">
      <div class="text-center">
          <a href="/" class="logo-lg"><img src="/assets/images/logo/logo.png" alt="branding logo" width="150"></a>
          <div style="margin-top: 20px">Login with SKYWATCH</div>
      </div>
      @if(session('error'))
          <div class="alert alert-danger" style="line-height: normal;">{{ session('error') }}</div>
      @endif
      <form class="form-horizontal m-t-20" method="POST" action="{{ route('login') }}" autocomplete="off" id="native-form">
        {{ csrf_field() }}
        @if ($errors->has('token_error'))
            <span class="help-block"><strong>{{ $errors->first('token_error') }}</strong></span>
        @endif
          <div class="form-group row">
              <div class="col-12">
                  <div class="input-group {{ $errors->has('username') ? ' has-error' : '' }}">
                      <div class="input-group-prepend">
                          <span class="input-group-text"><i class="mdi mdi-account"></i></span>
                      </div>
                      <input class="form-control" type="text" name="username" required="required" placeholder="Username">

                  </div>
                  @if ($errors->has('username'))
                      <span class="help-block has-error">{{ $errors->first('username') }}</span>
                  @endif
              </div>
          </div>

          <div class="form-group row">
              <div class="col-12">
                  <div class="input-group {{ $errors->has('password') ? ' has-error' : '' }}">
                      <div class="input-group-prepend">
                          <span class="input-group-text"><i class="mdi mdi-key"></i></span>
                      </div>
                      <input class="form-control" name="password" type="password" required="" placeholder="Password">

                  </div>
                  @if ($errors->has('password'))
                      <span class="help-block has-error">{{ $errors->first('password') }}</span>
                  @endif
              </div>
          </div>

          <div class="form-group m-t-20">
            <div class="row">
              <div class="col-sm-7 m-t-10">
                  <a href="{{ route('password.request') }}" class="text-muted"><i class="fa fa-lock m-r-5"></i> Forgot your password?</a>
              </div>
                <div class="col-sm-5 text-right">
                    <button class="btn btn-primary btn-custom w-md waves-effect waves-light" type="submit">Log In</button>
                </div>
            </div>

          </div>

          <div style="margin-top: 40px; font-weight: bold; text-align: center">
              <a href="javascript:void(0)" class="btn btn-success btn-custom w-md waves-effect waves-light" onclick="$('#sso-form').show(); $('#native-form').hide();">Log in with Single Sign-On</a>
          </div>
      </form>

      <form class="form-horizontal m-t-20" method="GET" action="/saml2/duo/login" autocomplete="off" id="sso-form" style="display: none;">
        {{ csrf_field() }}
        @if ($errors->has('token_error'))
            <span class="help-block"><strong>{{ $errors->first('token_error') }}</strong></span>
        @endif
          <div class="form-group row">
              <div class="col-12">
                  <div class="input-group {{ $errors->has('duo_email') ? ' has-error' : '' }}">
                      <div class="input-group-prepend">
                          <span class="input-group-text"><i class="mdi mdi-account"></i></span>
                      </div>
                      <input class="form-control" type="text" name="duo_email" required="required" placeholder="Email">

                  </div>
                  @if ($errors->has('duo_email'))
                      <span class="help-block has-error">{{ $errors->first('duo_email') }}</span>
                  @endif
              </div>
          </div>

          <div class="form-group m-t-20">
            <div class="row">
              <div class="col-sm-7 m-t-10">
              </div>
                <div class="col-sm-5 text-right">
                    <button class="btn btn-primary btn-custom w-md waves-effect waves-light" type="submit">Log In
                    </button>
                </div>
            </div>

          </div>

          <div style="margin-top: 40px; font-weight: bold; text-align: center">
              <a href="javascript:void(0)" class="btn btn-success btn-custom w-md waves-effect waves-light" onclick="$('#sso-form').hide(); $('#native-form').show();">Log in without Single Sign-On</a>
          </div>
      </form>



  </div>



@endsection