@extends('layouts.header')

@section('content')
<style>
    .container {
      max-width: 1920px;
  }
  .container .row .card {
      width: 500px;
      margin: 30px;
      background: rgba(255, 255, 255, 0.1);
      overflow: hidden;
      backdrop-filter: blur(5px);
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      border-left: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 15px;
  }

  .container .row .card .card-body {
      padding: 1rem 1.2rem;
  }

  .container .row .card .card-body .card-img img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      transform: translateY(50px);
      transition: 0.5s;
      border-radius: 50%
  }

  .container .row .card .card-body .name {
      transform: translateY(50px);
      transition: 0.5s
  }
  html, body {
    height: 100%;
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    font-family: 'Poppins', sans-serif;
}
</style>
<div class="container bg-home">
    <div class="d-flex justify-content-between" style="margin-inline: 7rem">
        <div>
            <div class="logo-home margin-logo-login-register">
                <img src="{{asset('assets/Logo Softcomp - RGB-01.png')}}" alt="Deskripsi Gambar">
            </div>
            <div>
                {{-- <div class="simple-inv">
                    Simple Inventory
                </div> --}}
                {{-- <div style="background-color: #098cdf; font-size: 13px; border-radius: 1rem; padding-inline: 11px; padding-block: 2px; color: #fff">
                    {{ env('VERSION') }}
                </div> --}}
            </div>
        </div>
      </div>
      <div class="d-flex justify-content-center align-items-center bg-login-register">
        
        <div class="col-lg-4 d-flex justify-content-center">
          <div class="login-card">
            <div class="text-center mb-2">
                <img src="{{asset('assets/reset-password.png')}}" alt="Deskripsi Gambar" style="width: 100px; height: auto;">
            </div>
              <div class="card-body text-center">
                <div class="get-started">
                    Reset password
                  </div>
                  <h2 class="fs-6 text-center">Enter your email address here to reset your password.</h2>
                <div class="card-text">
                    <livewire:settings.forgotpassword />

                </div>
              </div>
          </div>
         
      </div>


      
  </div>
</div>
@endsection