@extends('dashboard.authBase')

@section('content')
  <div style="background: #ff6c2f; padding-top:60px;padding-bottom:40px; width: 100%;height: 100%">
    <div class="container" >
      <div class="row justify-content-center ">
        <div class="col-md-8" style="border-radius: 18px;">
          <div class="card-group" style="box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);">
            <div class="card p-4 d-md-down-none" style="width:40%; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('assets/img/loginBackground/imageOne.png');background-size: cover; animation: moveBackground 40s linear infinite alternate;">
                <div >
                  <center>
                      <h2 class="main-text-heading">LOGIN TO ACCESS OUR STANDARDS PORTAL </h2>
                      <!-- <p style="color: white;"><span style="font-weight: bold">Service being accessed:</span> Certification Application </p> -->
                      <br>
                      <div class="orange-line"></div>
                      <br>
                      @if (Route::has('password.request'))
                        <p style="font-size: 20px;"><span style="color:#ff6c2f">Dont have an account?</span> <a  href="{{ route('register') }}"><span style="color:white"> {{ __('Register') }}</span></a> </p>
                      @endif
                      </center>
                  
                </div>
            </div>
            <div class="card py-5 " style="width:60%">
              <div class="card-body text-center">
              <div class="card-body">
                <img src="assets/img/logo/standardsLogo.png" style="width: 90%" />
                <h1>Login</h1>
                <!-- <p class="text-muted">Sign In to your account</p> -->
                <form method="POST" action="{{ route('login') }}">
                    @csrf
                    <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <svg class="c-icon">
                          <use xlink:href="assets/icons/coreui/free-symbol-defs.svg#cui-user"></use>
                        </svg>
                      </span>
                    </div>
                    <input class="form-control" type="text" placeholder="{{ __('E-Mail Address') }}" name="email" value="{{ old('email') }}" required autofocus>
                    </div>
                    <div class="input-group mb-4">
                    <div class="input-group-prepend">
                      <span class="input-group-text">
                        <svg class="c-icon">
                          <use xlink:href="assets/icons/coreui/free-symbol-defs.svg#cui-lock-locked"></use>
                        </svg>
                      </span>
                    </div>
                    <input class="form-control" type="password" placeholder="{{ __('Password') }}" name="password" required>
                    </div>
                    <div class="row">
                    <div class="col-6">
                        <button class="btn theme-background-color px-4" type="submit" style="color: white;">{{ __('Login') }}</button>
                    </div>
                    </form>
                    <!-- <div class="col-6 text-right">
                        <a href="{{ route('password.request') }}" class="btn btn-link px-0"><span style="font-weight: bold; font-size: 12px;">{{ __('Forgot Password?') }}</span></a>
                    </div> -->
                    
              </div>
              <div class="text-center">
                  <!-- <p>Or</p>
                  <img src="assets/img/logo/facebookLogo.png" style="width: 80px; height: 80px;" />
                  <img src="assets/img/logo/google_logo.png" style="width: 80px; height: 60px;" /> -->
              </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>

@endsection

@section('javascript')

@endsection