@extends('layouts.webLayoutMaster')

@section('meta')
    <meta name="description" content="Forgot your password? Visit Vino Tasting for wine tour bookings, natural wine, and more. Your gateway to La Buchetta Food & Wine and tasted wine experiences.">
    <meta name="keywords" content="wine tour bookings, natural wine, Vino Tasting, forgot password, La Buchetta Food & Wine, tasted wine experiences, wine tours, wine tasting tours, password recovery, wine travel">
@endsection

@section('canonical')
    <link rel="canonical" href="https://www.vino-tasting.com/member-forgot-password" />
@endsection

@section('title')
    - Forgot Password
@endsection

@section('css')
@endsection

@section('content')
    <!-- banner of the page -->
    <section class="">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-center  py-5">
                    <h1 class="heading text-uppercase">Forgot Password</h1>
                    <ul class="list-unstyled breadcrumbs text-dark">
                        <li><a class="text-dark" href="{{ route('home') }}">Home</a></li>
                        <li>/</li>
                        <li>Forgot Password</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="py-5">
        <div class="row justify-content-center p-5">

            <div class="card-container-login">
                <div class="circle1"></div>
                <div class="circle2"></div>

                <form action="{{ route('member_forgot_password.reset_link') }}" method="POST" class="log-card">
                    @csrf
                    <h2 class="text-uppercase text-center">Reset Link</h2>
                    <p class="para">Please enter the email address you'd like your password reset information sent to</p>

                    <div class="input-group">
                        <label for="email" class="text">Email</label>
                        <input type="email" id="email" name="email" maxlength="150" required class="input"
                            placeholder="For Ex: member@vino-tasting.com">

                    </div>
                    {{-- <div class="col-auto alert-notification">
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @elseif (session('error'))
                            <div class="alert alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif
                        <div id="message" class="alert-msg"></div>
                    </div> --}}

                    <div class="password-group">
                        <a href="{{ route('login') }}" class="forget-password">Back to Login</a>
                        <button type="submit" class="btn">Request Reset Link</button>
                    </div>

                </form>

            </div>
        </div>

    </section>
@endsection

@section('js')
@endsection