@extends('layout.simpleapp')
@section('content')


<style>
        @media only screen and (max-width: 1200px){
            /*Tablets [601px -> 1200px]*/
        }
        @media only screen and (max-width: 600px){
            /*Big smartphones [426px -> 600px]*/
            #removebkimg{
                background-image:url('{{ asset('employer-con/images/ForgetPassword_Responsive_bg.png') }}') !important;
                background-size: cover; 
                background-repeat: no-repeat;
                background-position: fixed;
            }
            .change_width{
                width: 80% !important;
            }
        }
        @media only screen and (max-width: 425px){
            /*Small smartphones [325px -> 425px]*/
            #removebkimg{
                background-image:url('{{ asset('employer-con/images/ForgetPassword_Responsive_bg.png') }}') !important;
                background-size: cover; 
                background-repeat: no-repeat;
                background-position: fixed;
            }
            .change_width{
                width: 80% !important;
            }
        }
          

    .main{
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('{{asset('employer-con/images/Forget_Password_Bg-1.png')}}') !important;
    }
</style>
    <section>

        <div class="container-fluid main"   id="removebkimg" style="height: 100vh;" >
            
            <div class="card shadow change_width" style="width: 50%; border-radius: 10px">
                <div class="card-body d-flex flex-column align-items-center">
                 <a href="/">
                    <img src="{{asset('employer-con/images/20220206_020805_0001.png')}}" height="52px" width="64px" />
                 </a>
                    <div class="d-flex flex-column ">
                        <h1 style="padding-top: 2rem;" class="text-primaryy text-center"><b>{{__('Forgot Password?')}}</b></h1>
                        <h5 class="text-capitalize text-center">{{__('Enter the email address associated with your account')}}</h5>
    
                        <form method="POST" action="forget-password-em">
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            @if (Session::has('status'))
                                <div class="alert alert-success">
                                    <ul>
                                        <li>{{ Session::get('status') }}</li>
                                    </ul>
                                </div>
                            @endif
                            @csrf
    
                            <div class="form">
                                <div class=" form-group row">
                                    
                                    <div class="col" style="padding-top: 2rem;">
                                        {{-- <h5>{{__('Please sign in to access your account')}}</h5>
                                        <label class="pl-1 col-form-label-lg ">{{__('Email')}}</label> --}}
                                        <input type="email" name="email"
                                            class="form-control form-control-lg bg-light  contact-form-field" required
                                            placeholder="{{__('Email')}}">
    
                                    </div>
                                </div>
    
    
    
    
    
    
                                <div class=" form-group row ">
                                    <div class="col pt-4">
                                        <div class="form-group">
                                            <button class="btn btn-lg btn-primaryy btn-block contact-form-field"
                                                style=""><b> {{__('SEND')}} </b></button>
                                        </div>
                                    </div>
                                </div>
    
                            </div> <!-- ..form.... -->
                        </form>
                    </div>
                </div>
              </div>

        </div>


    </section>
@endsection