@extends('admin.app')

@section('content')

    <div class="wrapper">
        <div class="section-authentication-cover">
            <div class="">
                <div class="row g-0">

                    <div class="col-12 col-xl-7 col-xxl-8 auth-cover-left align-items-center justify-content-center d-none d-xl-flex">

                        <div class="card shadow-none bg-transparent shadow-none rounded-0 mb-0">
                            <div class="card-body">
                                <img src="{{ asset('admin-assets/images/login-images/login-cover.svg') }}" class="img-fluid auth-img-cover-login" width="650" alt="">
                            </div>
                        </div>

                    </div>

                    <div class="col-12 col-xl-5 col-xxl-4 auth-cover-right align-items-center justify-content-center">
                        <div class="card rounded-0 m-3 shadow-none bg-transparent mb-0">
                            <div class="card-body p-sm-5">
                                <div class="">
                                    <div class="mb-3 text-center">
                                        <img src="{{ asset('admin-assets/images/logo.png') }}" width="60" alt="Webit CMS">
                                    </div>
                                    <div class="text-center mb-4">
                                        <h5>Webit CMS</h5>
                                        <p class="mb-0">{{ __('variables.please_login') }}</p>
                                    </div>
                                    <div class="form-body">
                                        <form method="POST" action="{{ route('login.ajaxLogin') }}" class="row g-3" id="login-form">
                                            @csrf
                                            <div class="col-12">
                                                <label for="login" class="form-label">{{ __('variables.login_text') }}</label>
                                                <input type="text" name="login" class="form-control" id="login" placeholder="{{ __('variables.login_text') }}">
                                            </div>
                                            <div class="col-12">
                                                <label for="password" class="form-label">{{ __('variables.password_text') }}</label>
                                                <div class="input-group" id="show_hide_password">
                                                    <input type="password" name="password" class="form-control border-end-0"
                                                           id="password" placeholder="{{ __('variables.password_text') }}"> <a href="javascript:;" class="input-group-text bg-transparent"><i class='bx bx-hide'></i></a>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" name="remember" type="checkbox"
                                                           id="remember" {{ old('remember') ? 'checked' : '' }}>
                                                    <label class="form-check-label" for="remember">{{ __('variables.remember_me') }}</label>
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="d-grid">
                                                    <button type="submit" class="btn btn-primary" onclick="saveForm(this)" data-form-id="login-form"><i class="bx bxs-lock-open"></i> {{__('variables.sing_in')}}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="login-separater text-center mb-5"> <span>{{ Str::upper(__('variables.can_find_us'))}}</span>
                                        <hr>
                                    </div>
                                    <div class="d-flex justify-content-center contacts-social">
                                        <a href="https://www.facebook.com/webit.sites" class="list-inline-item bg-facebook text-white border-0 rounded-3" target="_blank"><i class="bx bxl-facebook"></i></a>
                                        <a href="https://maps.app.goo.gl/Z6qvA2P9KQByJLU77" class="list-inline-item bg-google text-white border-0 rounded-3" target="_blank"><i class="lni lni-map-marker"></i></a>
                                        <a href="https://www.webit.md/" class="list-inline-item text-white border-0 rounded-3" style="background-color: #BB9572" target="_blank"><i class="lni lni-world"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop