@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="pt-sm-5 px-sm-4 pb-sm-4 py-2 px-2">
                    <div class="login-head mb-2">
                        <h2 class="card-title font-weight-bold">Reset Password 🔐</h2>
                        <p class="card-text mb-2">Your new password must be different from previously used passwords</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="/employee/password/reset">
                                {{ csrf_field() }}

                                <input type="hidden" name="token" value="{{ $token }}">
                                @if (session('status'))
                                    <div class="alert alert-success">
                                        {{ session('status') }}
                                    </div>
                                @endif

                                <div class="form-group"> 
                                    <div class="d-flex justify-content-between">
                                        <label for="login-password" class="form-label">E-Mail Address</label> 
                                    </div>
                                    <div class="input-group input-group-merge form-password-toggle passwordinputnew">
                                        <input class="form-control form-control-merge" type="email" name="email" id="email" placeholder="············" value=""  tabindex="2" required /> 
                                    </div> 
                                    {!! $errors->first('email','<label id="basic-email-error" for="email" class="error">:message</label>')!!}
                                </div> 
                                <div class="form-group"> 
                                    <div class="d-flex justify-content-between">
                                        <label for="login-password" class="form-label">New Password</label> 
                                    </div>
                                    <div class="input-group input-group-merge form-password-toggle passwordinputnew">
                                        <input class="form-control form-control-merge" type="password" name="password" id="password" placeholder="············"  tabindex="2" required />
                                        <div class="input-group-append">
                                            <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                                        </div>
                                    </div> 
                                    {!! $errors->first('password','<label id="basic-default-error" for="password" class="error">:message</label>')!!}
                                </div> 
                                <div class="form-group"> 
                                    <div class="d-flex justify-content-between">
                                        <label for="login-password" class="form-label">Confirm Password</label> 
                                    </div>
                                    <div class="input-group input-group-merge form-password-toggle passwordinputnew">
                                        <input class="form-control form-control-merge" type="password" name="password_confirmation" placeholder="············"  tabindex="2" required />
                                        <div class="input-group-append">
                                            <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                                        </div>
                                    </div> 
                                    {!! $errors->first('password_confirmation','<label id="basic-default-error" for="password_confirmation" 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">
                                                Reset Password<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