@extends('front.layouts.master')
@section('title', 'Login')
@section('content')
    <div class="login-area pt-80 mb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="form-wrapper">
                        <div class="form-title">
                            <h3>{{ translate('Log In Here') }}!</h3>
                            <span></span>
                        </div>
                        <form id="d-login-form" method="post" action="{{ route('user.login.success') }}" class="profile-form">
                            @csrf
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-inner mb-25">
                                        <label for="email">{{ translate('Email') }} <span>*</span></label>
                                        <div class="input-area">
                                            <input type="email" id="email" name="email"
                                                placeholder="{{ translate('Enter Email') }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-inner  mb-25">
                                        <label for="password">{{ translate('Password') }} <span>*</span></label>
                                        <input type="password" name="password" id="password"
                                            placeholder="{{ translate('Password') }}" />
                                        <i class="bi bi-eye-slash toggle-password"></i>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-agreement form-inner d-flex justify-content-between flex-wrap">
                                        <div class="form-group">
                                            <input type="checkbox" id="html" name="remember">
                                            <label for="html">{{ translate('Remember Me') }}</label>
                                        </div>
                                        <a href="{{ route('forget.password.get') }}"
                                            class="forgot-pass">{{ translate('Forget Password') }}?</a>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-inner">
                                        <button class="primry-btn-2" type="submit">{{ translate('LogIn') }}</button>
                                    </div>
                                </div>
                                <h6>{{ translate('Don’t have an account') }}? <a
                                        href="{{ route('auth.user.signup') }}">{{ translate('Sign Up') }}</a></h6>

                                <div class="login-difarent-way">
                                    <div class="row g-4">
                                        <div class="col-md-12 text-center">
                                            <a href="{{ route('social.login', 'google') }}"><img
                                                    src="{{ asset('frontend/assets/images/icon/google1.svg') }}"
                                                    alt="google-icon"> {{ translate(' Log in with Google') }} </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection