@extends('layouts.login')

@section('content')
<div>
    <div class="extempore_login_form_div mob_fp">
        <div class="padd8040 extempore_forgot_form txt_center">
            <form method="POST" action="{{ route('password.email') }}">
                @csrf
                <p>{{ __('Forgot Password?') }}</p>
                <div class="txt-left mb50">
                    <span class="extempore-forgot-mes">Enter your Registered Email to receive<br> the link to reset your password.</span>
                </div>                
                <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}{{ session('status') ? ' is-valid' : '' }} extempore_txt mb5" name="email" value="{{ old('email') }}" required placeholder="Enter Email">
                <div class="clearfix"></div>
                @if (session('status'))
                    <span class="alert-success-forgot for_ipad" role="alert">
                        {{ session('status') }}
                    </span>
                @endif
                @if ($errors->has('email'))
                    <span class="invalid-feedback-forgot for_ipad" role="alert">
                        {{ $errors->first('email') }}
                    </span>
                @endif
                <div class="clearfix"></div>
                <button type="submit" class="btn btn-extempore-forgot txt-center btn-estempore-reset-pass mb10">
                    {{ __('Send Password Reset Link') }}
                </button>
                <div class="clearfix"></div>
                <a class="extempore_forgot_pass extempore_forgot_pass_back" href="{{url('login')}}">Back to Login</a>
            </form>                
        </div>
    </div>
</div>
<script>
    var is_iPad = navigator.userAgent.match(/iPad/i) != null;
    //alert(is_iPad);
    if(is_iPad)
    {
        $(".extempore_forgot_pass").hide();
        // $(".for_ipad").css("margin-left", "-110px");
    }
</script>
@endsection