@extends('layouts.header')
@section('content')
<div class="ob-mian-content">
     @include('layouts.navbar')
      <div class="ob-mian-container">
                <div class="section-head">
                    <a href="{{route('login',$businessslug)}}" class="back-btn"><img src="{{ asset('images/back-btn.svg') }}" alt="back" width="6" height="12"> Back to Log In</a>
                    <h2 class="h2-head">Forgot Password</h2>
                </div>
                <div class="ob-mian-container-inner">
                    <div class="ob-login-card">
                        <div class="ob-login-card-inner ob-forgot-card-inner">
                             
                             @php $eror_msg= (session()->has('msg')) ? 'style=display:block;':'' @endphp
                             @php $eror_sucess= (session()->has('sucess')) ? 'style=display:block;':'style=display:none;' @endphp
                            
                            <form class="mb-5 mb-md-0" method="post" action="{{ route('send-forgot-email', $businessslug) }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                <div class="form-group mb-3 mb-md-5 pb-md-5">
                                    <label for="EmailAddress" class="form-label required-label">Enter Your Email</label>
                                    <input type="text" class="form-control" name="email" id="email" value="" placeholder="Email" required="">
                                    <div class="invalid-feedback">
                                        Please enter a valid email address
                                    </div>
                                </div>
                                <div class="invalid-feedback mb-2 text-center" {{ $eror_sucess }}>
                                    <span class="text-success" >Thank you! A password reset link is being sent to you now. Please check your email for the next steps.</span>
                                </div>
                                 @if($errors->any())
                                <div class="invalid-feedback mb-2 text-center" id="login_error_msg" style="display: block;">
                                    @foreach ($errors->all() as $error)
                                    {{ $error }} <br/>
                                    @endforeach
                                </div>
                                 @endif
                                <div class="invalid-feedback mb-2 text-center" {{ $eror_msg }}>
                                    Sorry, we don’t have this email address associated with a client profile. Please try another email address or use the register here link to create a new account.
                                </div>
                                <div class="form-group text-center login-mob-btn">
                                    <button class="btn btn-primary d-block" type="submit">Submit</button>
                                </div>
                            </form>
                            <div class="login-nextguest-txt text-center">
                            <p>New guest? If you do not have an account, <a href="{{route('signup',$businessslug)}}"> register here!</a></p>
                            <p>Existing guest? <a href="{{route('login',$businessslug)}}"> Login here</a></p>
                        </div>
                        </div>
                        
                         <div class="login-nextguest-txt1 text-center">
                            <p>Need help? Call us at <a href="tel:{{ $salon['salon_contact_no'] ?? '' }}">{{ (!empty($salon['salon_contact_no']))? ("(".substr($salon['salon_contact_no'],0,3).") ".substr($salon['salon_contact_no'],3,3)."-".substr($salon['salon_contact_no'],6)) : "" }}</a></p>
                           
                        </div>
                    </div>


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

@endsection