<x-guest-layout>
    <div class="d-flex flex-column flex-root">

        <div class="login login-3 wizard d-flex flex-column flex-lg-row flex-column-fluid">

            <div class="login-aside d-flex flex-column flex-row-auto">

                <div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15">

                    <a href="#" class="login-logo text-center pt-lg-25 pb-10">
                        <img src="{{asset("public/dist/assets/media/logos/logo-1.png")}}" class="max-h-70px" alt="" />
                    </a>


                    <h3 class="font-weight-bolder text-center font-size-h4 text-dark-50 line-height-xl">99.9% Assurance you can get your Data recovered
                        <br />with IAEA DATA RECOVERY</h3>

                </div>


            </div>


            <div class="login-content flex-row-fluid d-flex flex-column p-10">

                <div class="text-right d-flex justify-content-center">
                    <div class="top-signin text-right d-flex justify-content-end pt-5 pb-lg-0 pb-10">
                        <span class="font-weight-bold text-muted font-size-h4">Having issues?</span>
                        <a href="" class="font-weight-bold text-primary font-size-h4 ml-2" id="kt_login_signup">Get Help</a>
                    </div>
                </div>


                <div class="d-flex flex-row-fluid flex-center">



                    <div class="login-form">

                        <form class="form" id="kt_login_singin_form" method="POST" action="{{ route('login') }}">
                            @csrf

                            <div class="pb-5 pb-lg-15">
                                <h3 class="font-weight-bolder text-dark font-size-h2 font-size-h1-lg">Log In</h3>
                            </div>
                            <div style="padding-bottom:50px;">
                                <x-validation-errors class="mb-4" />

                                @if (session('status'))
                                <div class="mb-4 font-medium text-sm text-green-600">
                                    {{ session('status') }}
                                </div>
                                @endif
                            </div>
                            <div class="form-group">
                                <label class="font-size-h6 font-weight-bolder text-dark">Email Address</label>
                                <input class="form-control h-auto py-7 px-6 rounded-lg border-0" type="email" name="email" :value="old('email')" required autofocus />
                            </div>


                            <div class="form-group">
                                <div class="d-flex justify-content-between mt-n5">
                                    <label class="font-size-h6 font-weight-bolder text-dark pt-5">Password</label>
                                    @if (Route::has('password.request'))
                                    <a href="{{ route('password.request') }}" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5">Forgot Password ?</a>
                                    @endif
                                </div>
                                <input class="form-control h-auto py-7 px-6 rounded-lg border-0" type="password" name="password" required autocomplete="current-password" />
                            </div>


                            <div class="pb-lg-0 pb-5">
                                <button type='submit' id="kt_login_singin_form_submit_button" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">Sign In</button>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>
</x-guest-layout>
