@extends('admin.auth.layout.main')

@section('title', 'Login')

@section('content')
{{-- <div class="login-box">
  <div class="login-logo">
    <p><b>Dream</b>-Aviation</p>
  </div>
  <!-- /.login-logo -->
  <div class="card">
    <div class="card-body login-card-body">
      <p class="login-box-msg">Sign in to start your session</p>

      <form action="{{ route('admin.login') }}" method="post">
        @csrf
        <div class="input-group mb-3">
          <input type="text" class="form-control" name="email" placeholder="Email">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-envelope"></span>
            </div>
          </div>
        </div>
        @error('email')
            <p style="color: red">{{ $message }}</p>
        @enderror
        <div class="input-group mb-3">
          <input type="password" class="form-control" name="password" placeholder="Password">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
        </div>
        @error('password')
            <p style="color: red">{{ $message }}</p>
        @enderror
        <div class="row">
          <div class="col-8">
            <div class="icheck-primary">
              <input type="checkbox" id="remember">
              <label for="remember">
                Remember Me
              </label>
            </div>
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block">Sign In</button>
          </div>
          <!-- /.col -->
        </div>
      </form>

      {{-- <p class="mb-1">
        <a href="forgot-password.html">I forgot my password</a>
      </p>
    </div>
    <!-- /.login-card-body -->
  </div>
</div> --}}
<!-- /.login-box -->

<section class="h-100 gradient-form" style="background-color: #eee;">
  <div class="container py-5 h-100">
    <div class="row d-flex justify-content-center align-items-center h-100">
      <div class="col-xl-10">
        <div class="card rounded-3 text-black">
          <div class="row g-0">
            <div class="col-lg-6">
              <div class="card-body p-md-5 mx-md-4">

                <div class="text-center">
                  <img class="mb-5 pb-1" src="{{asset('assets/images/logos/Dreamjet-Logo_org.png')}}"
                    style="width: 185px;" alt="logo">
                </div>

                <form action="{{ route('admin.login') }}" method="post">
        @csrf
        <div class="input-group mb-3">
          <input type="text" class="form-control" name="email" placeholder="Email">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-envelope"></span>
            </div>
          </div>
        </div>
        @error('email')
            <p style="color: red">{{ $message }}</p>
        @enderror
        <div class="input-group mb-3">
          <input type="password" class="form-control" name="password" placeholder="Password">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
        </div>
        @error('password')
            <p style="color: red">{{ $message }}</p>
        @enderror
        <div class="row">
          <div class="col-8">
            <div class="icheck-primary">
              <input type="checkbox" id="remember">
              <label for="remember">
                Remember Me
              </label>
            </div>
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block fa-lg gradient-custom-2">Sign In</button>
          </div>
          <!-- /.col -->
        </div>
      </form>

              </div>
            </div>
            <div class="col-lg-6 d-flex align-items-center gradient-custom-2 gradient-custom-3">
              <div class="text-white px-3 py-4 p-md-5 mx-md-4">
                <h4 class="mb-4">Worldwide aircraft sales, acquisitions and trading at the speed of life</h4>
                <p class="small mb-0 justify">
                  In a complex marketplace, you need a partner you can trust. People you can depend on. </br> More than brokers, we’re global advisors offering unmatched international reach and unrivalled local knowledge. Our diverse experience with a wide range of makes and models means our loyalty is not to a particular jet brand, it’s very specifically to our clients.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<style>
  .gradient-custom-2 {
background: -webkit-linear-gradient(to right, #ed9510, #206620);
background: linear-gradient(to right, #ed9510, #206620);
}

.gradient-custom-3 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: linear-gradient(
        to right,
        rgba(237, 149, 16, 0.7),
        rgba(32, 102, 32, 0.7)
    ),
    url('.././assets/images/dreamjet-commercial-hero_1200x843.webp');
}

@media (min-width: 768px) {
.gradient-form {
height: 100vh !important;
}
}
@media (min-width: 769px) {
.gradient-custom-2 {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
}
</style>
@endsection