@extends('layouts.guestapp')

@section('content')
    <!--begin::Authentication - Sign-in -->
    <div class="d-flex flex-column flex-lg-row flex-column-fluid">

        <!--begin::Aside-->
        <div class="d-flex flex-lg-row-fluid w-lg-30 bgi-size-cover bgi-position-center order-1 order-lg-1"
            style="background-image: url({{ asset('assets/media/misc/auth-bg.png') }})">
            <!--begin::Content-->
            <div class="d-flex flex-column flex-center py-7 py-lg-15 px-5 px-md-15 w-100">
                <!--begin::Image-->
                <img class="d-none d-lg-block mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20"
                    src="{{ asset('assets/media/misc/auth-screens.png') }}" alt="" />
                <!--end::Image-->
                <!--begin::Title-->
                <h1 class="d-none d-lg-block text-white fs-2qx fw-bolder text-center mb-7">Fast, Efficient and Productive
                </h1>
                <!--end::Title-->
                <!--begin::Text-->
                <!--<div class="d-none d-lg-block text-white fs-base text-center">In this kind of post,
                      <a href="#" class="opacity-75-hover text-warning fw-bold me-1">the blogger</a>introduces a person they’ve interviewed
                      <br />and provides some background information about
                      <a href="#" class="opacity-75-hover text-warning fw-bold me-1">the interviewee</a>and their
                      <br />work following this is a transcript of the interview.</div>-->
                <!--end::Text-->
            </div>
            <!--end::Content-->
        </div>
        <!--end::Aside-->

        <!--begin::Body-->
        <div class="d-flex flex-column flex-lg-row-fluid w-lg-70 p-10 order-2 order-lg-2">
            <!--begin::Form-->
            <div class="d-flex flex-center flex-column flex-lg-row-fluid">
                <!--begin::Wrapper-->
                <div class="w-lg-500px p-10">
                    <!--begin::Form-->
                    <!--begin::Logo-->
                    <a href="#" class="mb-0 mb-lg-12" style="width:250px;margin:auto;display:block;">
                        <img alt="Logo" src="{{ asset('assets/media/logos/Tamer-Logo.png') }}"
                            class="h-60px h-lg-75px" />
                    </a>
                    <!--end::Logo-->
                    <br>
                    <form class="form w-100" novalidate="novalidate" method="POST"
                        action="{{ route('admin.password-forgot') }}">
                        @csrf
                        <!--begin::Heading-->
                        <div class="text-center mb-11">
                            <!--begin::Title-->
                            <h1 class="text-dark fw-bolder mb-3">VMS Login</h1>
                            <!--end::Title-->
                        </div>
                        <!--begin::Heading-->
                        <br>
                        <div class="fv-row mb-3">
                            <!--begin::Password-->
                            <div class="text-gray-500 fw-semibold fs-6 formLabel">Enter Your Email</div>
                            <input type="email" placeholder="Email" name="email" autocomplete="off"
                                class="form-control bg-transparent" required />
                            <div
                                class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-12 p-6">
                                <!--begin::Icon-->
                                <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->
                                <span class="svg-icon svg-icon-2tx svg-icon-warning me-4">
                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <rect opacity="0.3" x="2" y="2" width="20" height="20"
                                            rx="10" fill="currentColor"></rect>
                                        <rect x="11" y="14" width="7" height="2" rx="1"
                                            transform="rotate(-90 11 14)" fill="currentColor"></rect>
                                        <rect x="11" y="17" width="2" height="2" rx="1"
                                            transform="rotate(-90 11 17)" fill="currentColor"></rect>
                                    </svg>
                                </span>
                                <!--end::Svg Icon-->
                                <!--end::Icon-->
                                <!--begin::Wrapper-->
                                <div class="d-flex flex-stack flex-grow-1">
                                    <!--begin::Content-->
                                    <div class="fw-semibold">
                                        <div class="fs-6 text-gray-700">There is an email will be sent to your
                                            inbox please check it
                                        </div>
                                    </div>
                                    <!--end::Content-->
                                </div>
                                <!--end::Wrapper-->
                            </div>


                            <div class="text-gray-500 fw-semibold fs-6 formLabel"></div>
                            <!--end::Password-->
                            @if ($errors->has('email'))
                                <span class="text-danger">
                                    <strong>{{ $errors->first('email') }}</strong>
                                </span>
                            @endif
                        </div>
                        <!--end::Input group=-->
                        {{-- <input type="hidden" name="user_id" value="{{$user_id}}"> --}}

                        <!--begin::Submit button-->
                        <div class="d-grid mb-10">
                            <button type="submit" id="kt_sign_in_submit" class="btn btn-primary">
                                <!--begin::Indicator label-->
                                <span class="indicator-label" style="font-weight: bold;font-size: 25px;">Submit</span>
                                <!--end::Indicator label-->
                                <!--begin::Indicator progress-->
                                <span class="indicator-progress">Please wait...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                <!--end::Indicator progress-->
                            </button>
                        </div>
                        <!--end::Submit button-->
                        <span class="text-danger">
                            <strong>{{ $errors->first() }}</strong>
                        </span>

                    </form>
                    <!--end::Form-->
                </div>
                <!--end::Wrapper-->
            </div>
            <!--end::Form-->
            <!--begin::Footer-->
            <div class="d-flex flex-center flex-wrap px-5" style="display:none;">
                <!--begin::Links-->
                <div class="d-flex fw-semibold text-primary fs-base">
                    <a href="../../demo1/dist/pages/team.html" class="px-5" target="_blank">Terms</a>
                    <a href="../../demo1/dist/pages/pricing/column.html" class="px-5" target="_blank">Plans</a>
                    <a href="../../demo1/dist/pages/contact.html" class="px-5" target="_blank">Contact Us</a>
                </div>
                <!--end::Links-->
            </div>
            <!--end::Footer-->
        </div>
        <!--end::Body-->

    </div>
    <!--end::Authentication - Sign-in-->
@endsection