@extends('layout.guest.guest')

@section('content')

<div class="container-fluid p-0 h-100">
                <div class="row h-100 m-0"> 
                    <div class="col-md-8 col-lg-8 d-flex flex-column">
                        <img class="login-logo"  src="{{ url('images/thepresence.png') }}" alt="">
                        <div class="mt-auto d-none d-sm-block">
                            <div class="row justify-content-center">
                                <div class="col-md-8 text-right loginleftimage">
                                    <img src="/app-assets/images/pages/resetpasseord.svg" alt="Login V2" class="img-fluid" />
                                    <p class="logincopyright">COPYRIGHT © 2022 <span>Staqo</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-lg-4 bg-white loginsidebg-color">
                        <div class="px-sm-2 py-1 px-0">
                        <div class="row">
                                <div class="col-6 col-md-6">
                                    <a class="nav-link nav-link-style"><i class="ficon" data-feather="moon"></i></a>
                                </div>
                                <div class="col-6 col-md-6">
                                    {{-- <div class="nav-item dropdown dropdown-language nav justify-content-end"><a
                                            class="nav-link dropdown-toggle" id="dropdown-flag" href="#"
                                            data-bs-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false"><i
                                                class="flag-icon flag-icon-us"></i><span
                                                class="selected-language">English</span></a>
                                        <div class="dropdown-menu dropdown-menu-end"
                                            aria-labelledby="dropdown-flag"><a class="dropdown-item"
                                                href="#" data-language="en"><i
                                                    class="flag-icon flag-icon-us"></i>
                                                English</a>
                                                <!-- <a class="dropdown-item" href="#"
                                                data-language="fr"><i class="flag-icon flag-icon-sd"></i>
                                                Spanish</a> -->
                                            </div>
                                    </div> --}}
                                </div>
                            </div>

                            <div class="p-sm-4 py-3 px-2">
                                <div class="login-head mb-2">
                                    <h2 class="card-title font-weight-bold">Forgot Password? 🔑</h2>
                                    <p class="card-text mb-2">Enter your email and we'll send you instructions to reset your password.</p>
                                </div>
                                

                                 
                                <div class="tab-content  login-input-form">
                                    <div class="tab-pane active" id="account" aria-labelledby="account-tab" role="tabpanel">
                                    <form  method="POST" action="{!! route('password.email') !!}"> 
                                            {{ csrf_field() }}
                                            @if (session('status'))
                                                <div class="alert alert-success">
                                                    {{ session('status') }}
                                                </div>
                                            @endif

                                            <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                                            <div class="form-group"> 
                                                <div class="d-flex justify-content-between">
                                                    <label for="login-password" class="form-label">E-Mail</label> 
                                                </div>
                                                <div class="input-group input-group-merge form-password-toggle passwordinputnew">
                                                    <input class="form-control form-control-merge" type="text" id="email" name="email" value="{{ old('email') }}" placeholder="Enter E-Mail Address" tabindex="2" required /> 
                                                </div> 
                                                {!! $errors->first('email','<label id="basic-default-error" for="email" class="error">:message</label>')!!}
                                            </div> 
                                              

                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <button class="btn btn-primary w-100 p-1" tabindex="4" type="submit">
                                                    Send reset link<i data-feather='chevron-right' class="ml-1"></i></button>

                                                </div>
                                            </div>
                                        </form>
                                       
                                    </div>
                                </div>
                             
                                 
                                <p class="mt-2 text-center"><a href="/login"><i data-feather="chevron-left"></i> Back to login</a></p>    
                            </div>

                            </div>

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

@endsection