@extends(theme()->layout())
@section('content')
    <!-- log in section start -->
    <section class="log-in-section background-image-2 section-b-space">
        <div class="container-fluid-lg w-100">
            <div class="row">
                <div class="col-xxl-6 col-xl-5 col-lg-6 d-lg-block d-none ms-auto">
                    <div class="image-contain">
                        <img src="{{ theme()->publicPath('images/inner-page/log-in.png') }}" class="img-fluid" alt="">
                    </div>
                </div>

                <div class="col-xxl-4 col-xl-5 col-lg-6 col-sm-8 mx-auto">
                    <div class="log-in-box">
                        <div class="log-in-title">
                            <h3>{{ __('template.welcome_message') }}</h3>
                            <h4>{{ __('auth.login_to_you_account') }}</h4>
                        </div>

                        <div class="input-box">
                            <form class="row g-4" action="{{ app_route('accounting.login.index') }}" method="post">
                                @csrf
                                <div class="col-12">
                                    <div class="form-floating theme-form-floating log-in-form">
                                        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" placeholder="{{ __('auth.email') }}" value="{{ old('email') }}">
                                        <label for="email">{{ __('auth.email') }}</label>
                                        @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="form-floating theme-form-floating log-in-form">
                                        <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" placeholder="{{ __('auth.password') }}">
                                        <label for="password">{{ __('auth.password') }}</label>
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="forgot-box">
                                        <div class="form-check ps-0 m-0 remember-box">
                                            <input class="checkbox_animated check-box" name="rememeber" type="checkbox" id="flexCheckDefault">
                                            <label class="form-check-label" for="flexCheckDefault">{{ __('auth.remember_me') }}</label>
                                        </div>
                                        <a href="{{ app_route('web.password.request') }}" class="forgot-password">{{ __('auth.forgot_password') }}</a>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <button class="btn btn-animation w-100 justify-content-center" type="submit">
                                        {{ __('auth.login') }}
                                    </button>
                                </div>
                            </form>
                        </div>

                        {{--<div class="other-log-in">
                            <h6>or</h6>
                        </div>

                        <div class="log-in-button">
                            <ul>
                                <li>
                                    <a href="https://www.google.com/" class="btn google-button w-100">
                                        <img src="{{ theme()->publicPath('images/inner-page/google.png') }}" class="blur-up lazyload"
                                             alt=""> Log In with Google
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.facebook.com/" class="btn google-button w-100">
                                        <img src="{{ theme()->publicPath('images/inner-page/facebook.png') }}" class="blur-up lazyload"
                                             alt=""> Log In with Facebook
                                    </a>
                                </li>
                            </ul>
                        </div>--}}

                        <div class="other-log-in">
                            <h6></h6>
                        </div>

                        <div class="sign-up-box">
                            <h4>{{ __('auth.dont_have_account') }}</h4>
                            <a href="{{ app_route('web.register.index') }}">{{ __('auth.sign_up') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- log in section end -->
@endsection
