@extends('layouts.webLayoutMaster')

@section('meta')
    <meta name="description" content="">
    <meta name="keywords" content="">
@endsection

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

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

@section('css')
    <style>


    </style>
@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">Reset Password</h1>
                    <ul class="list-unstyled breadcrumbs text-dark">
                        <li><a class="text-dark" href="{{ route('home') }}">Home</a></li>
                        <li>/</li>
                        <li>Reset Password</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

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

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

                <form action="{{ route('member_reset_password.update') }}" method="POST" class="log-card">
                    @csrf
                    <h2 class="text-uppercase text-center">Reset Your Password</h2>
                    <div class="input-group">
                        <input type="hidden" name="token" value="{{ $token }}">
                        <input type="hidden" name="email" value="{{ $email }}">
                        <label for="password" class="text">New Password</label>
                        <input class="input" id="password" name="password" type="password" placeholder="Enter Password"
                            required>
                        <label for="password_conform" class="text">Confirm New Password</label>
                        <input class="input" id="password_conform" name="password_conform" type="password"
                            placeholder="Enter Confirm Password" required>
                    </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">
                        <button type="submit" class="btn">Reset Password</button>
                    </div>
                </form>

            </div>
        </div>

    </section>
@endsection

@section('js')
@endsection