@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="register_pg section">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"> {{ $title ?? "" }} </h2>
                <div class="col-lg-6 mx-auto">
                    <div class="inner">
                        <div class="form_box">
                            <form action="{{ route('web.users.login') }}" method="post">
                                @csrf
                                <div class="form-group">
                                    <input type="text"
                                           name="login_key"
                                           required
                                           value="{{ old('login_key') }}"
                                           class="form-control {{ $errors->has('login_key') ? 'is-invalid' : '' }}"
                                           placeholder="{{ __('users::users.login_key') }}"/>
                                    <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                </div>
                                <div class="form-group show_hide_password ">
                                    <input type="password" name="password" required
                                           class="form-control shadow_input {{ $errors->has('password') ? 'is-invalid' : '' }}"
                                           placeholder="{{ __('users::users.password') }}"/>
                                    <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                    <i class="show_pass far fa-eye-slash"></i>
                                </div>
                                <div class="d-flex justify-content-between align-items-center my-5">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="remember"
                                               id="remember" {{ old('remember') ? 'checked' : '' }} />
                                        <label class="form-check-label" for="remember">
                                            {{__('users::users.remember_me')}}
                                        </label>
                                    </div>
                                    <a href="{{ route('web.users.get_forget_password') }}"
                                       class=" color-primary ">
                                        <small> {{ __('users::users.forget_password') }} </small>
                                    </a>
                                </div>
                                <div class="col-lg-7 mx-auto">
                                    <button type="submit" class="butn primary_butn w-100">
                                        <span> {{ __('users::users.login2') }} </span>
                                    </button>
                                </div>
                            </form>
                            <p class="another_opt text-center mt-4">
                                {{ __('users::users.no_account') }}
                                <a href="{{ getRegisterRoute() }}" class="color-primary">
                                    {{ __('users::users.new_registration') }}
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/web/images/vector_login_1.svg')}}" class="vector" alt=""/>
            <img src="{{asset('assets/web/images/vector_login_2.svg')}}" class="vector2" alt=""/>
        </section>
    </main>

@endsection