@extends($activeTemplate . 'layouts.frontend')

@section('content')
    @php
        $content = getContent('auth.content', true);
    @endphp
    <section class="account">
        <div class="container">
            <div class="account-wrapper">
                <div class="row g-0">
                    <div class="col-lg-6 d-none d-lg-block">
                        <div class="account-thumb">
                            <img src="{{ asset($activeTemplateTrue . 'images/login.png') }}" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="account-form">
                            <div class="account-form__content">
                                <h4 class="account-form__title">{{ __($content?->data_values?->login_page_title ?? '') }}</h4>
                                <p class="account-form__desc">@lang('New here')? <a href="{{ route('user.register') }}"
                                        class="text--base">@lang('Sign up')</a>
                                </p>
                            </div>
                            <form action="{{ route('user.login') }}" class="verify-gcaptcha" method="POST">
                                @csrf
                                <div class="row">
                                    <div class="col-sm-12 form-group">
                                        <label class="form--label">@lang('Username or Email')</label>
                                        <input type="text" class="form--control" name="username"
                                            value="{{ old('username') }}" required />
                                    </div>

                                    <div class="col-sm-12 form-group">
                                        <label class="form--label">@lang('Password')</label>
                                        <div class="position-relative">
                                            <input type="password" class="form-control form--control" name="password"
                                                value="{{ old('password') }}" required />
                                            <span class="password-show-hide fas fa-solid toggle-password fa-eye-slash"
                                                data-target="password"></span>
                                        </div>
                                    </div>

                                    <x-captcha />

                                    <div class="col-sm-12 form-group form-check ms-3">
                                        <input class="form-check-input" type="checkbox" name="remember" id="remember"
                                            {{ old('remember') ? 'checked' : '' }} />
                                        <label class="form-check-label" for="remember">@lang('Remember Me')</label>
                                    </div>
                                    <div class="col-sm-12 form-group mb-0">
                                        <button type="submit" class="btn btn--base w-100">@lang('Log In')</button>
                                    </div>
                                    <div class="col-sm-12">
                                        <a href="{{ route('user.password.request') }}"
                                            class="forget-password">@lang('Forgot Password')?</a>
                                    </div>
                                </div>

                                @include($activeTemplate . 'partials.social_login')
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection