@extends('auth.layout')

@section('auth_body')
    <!-- Login-->
    <div class="d-flex col-lg-4 align-items-center auth-bg px-2 p-lg-5">
      <div class="col-12 col-sm-8 col-md-6 col-lg-12 px-xl-2 mx-auto">
        <h3 class="card-title fw-bold mb-1">Login</h3>
        <p class="card-text mb-2">Please use your credentials to login!</p>
          @if(session('status'))
          <div class="demo-spacing-0">
              <div class="alert @if(session('status') == 'success') alert-success @else alert-danger @endif mt-1 alert-validation-msg" role="alert">
                  <div class="alert-body d-flex align-items-center">
                      <span>{{ session('message') }}</span>
                  </div>
              </div>
          </div>
          @endif
          <form class="auth-login-form-2 mt-2" action="{{ route('login') }}" method="POST">
              @CSRF
              <div class="mb-1">
                  <label class="form-label" for="email">Email</label>
                  <input class="form-control" id="email" type="text" name="email" placeholder="lucy@example.com" aria-describedby="email" autofocus="" tabindex="1" />
              </div>
              <div class="mb-1">
                  <div class="d-flex justify-content-between">
                      <label class="form-label" for="password">Password</label>
                      <!-- <a href="{{ url('forgot_password') }}"><small>Forgot Password?</small></a> -->
                      <a href="#"><small>Forgot Password?</small></a>
                  </div>
                  <div class="input-group input-group-merge form-password-toggle">
                      <input class="form-control form-control-merge" id="password" type="password" name="password" placeholder="············" aria-describedby="password" tabindex="2" />
                      <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                  </div>
              </div>
              <div class="mb-1">
                  <div class="form-check">
                      <input class="form-check-input" id="remember-me" type="checkbox" tabindex="3" />
                      <label class="form-check-label" for="remember-me"> Remember Me</label>
                  </div>
              </div>
              <button class="btn btn-primary w-100" tabindex="4">Sign in</button>
          </form>
        <!-- <p class="text-center mt-1"><span>New to our platform?</span> <br><a href="{{ url('signup') }}"><span>&nbsp;Create an account</span></a></p> -->

        <!-- <p class="text-center mt-1"><a href="https://riptidetrade.com/"><i data-feather="chevron-left"></i> Go back to the main site</a></p> -->

        {{-- <div class="divider my-2">
          <div class="divider-text">or</div>
        </div>
        <div class="auth-footer-btn d-flex justify-content-center"><a class="btn btn-facebook" href="#"><i data-feather="facebook"></i></a><a class="btn btn-twitter white" href="#"><i data-feather="twitter"></i></a><a class="btn btn-google" href="#"><i data-feather="mail"></i></a><a class="btn btn-github" href="#"><i data-feather="github"></i></a></div> --}}
      </div>
    </div>
@endsection