@extends('layouts.webLayoutMaster')

@section('meta')
<meta name="description"
    content="Discover exclusive wine tasting experiences at Vino Tasting, your ultimate destination for natural wines and a delightful wine tour in Florence.">
<meta name="keywords"
    content="wine tasting experiences, natural wines, wine tour Florence, exclusive wine tastings, Vino Tasting login, wine tasting memberships, Florence wine tours, premium wine experiences, wine tasting reservations, Vino Tasting membership">
@endsection

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

@section('title')
- Login
@endsection

@section('css')
<style>

</style>
@endsection

@section('content')
<section class="p-0 py-5">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center">
                <h1>Login</h1>
                <ul class="list-unstyled breadcrumbs text-dark">
                    <li><a class="text-dark" href="{{ route('home') }}">Home</a></li>
                    <li>/</li>
                    <li>Login</li>
                </ul>
            </div>
        </div>
    </div>
</section>

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

        <div class="card-container-login">
            <form action="{{ route('login.log-in') }}" method="POST" class="log-card">
                @csrf
                {{-- <h2 class="text-uppercase text-center">Login</h2> --}}
                <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">
                    <label for="password" class="text">Password</label>
                    <input class="input" id="password" name="password" type="password" placeholder="Enter Password"
                        required>
                </div>
                <div class="password-group">

                    <a href="{{ route('member_forgot_password') }}" class="forget-password">Forgot Password?</a>
                </div>
                <button type="submit" class="btn">Login</button>

                <div class="no-account d-flex flex-wrap align-items-center">
                    <div>Don't Have an Account ?&nbsp; </div>
                    <div class="ml-2">
                        <a class="link" href="{{ route('registration') }}">Sign Up</a>
                    </div>
                </div>
            </form>

        </div>
    </div>

</section>
@endsection

@section('js')
@endsection