Viewing File: /home/ubuntu/misabloom-backend-base/resources/views/admin/auth/login.blade.php

@extends('layouts.admin.focused')

@section('title', tr('login'))

@section('content')
        <div class="d-flex flex-column flex-root">
            <div class="d-flex flex-column flex-lg-row flex-column-fluid">
                <div class="d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative" style="background-color: #F2C98A">
                    <div class="d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y">
                        <div class="d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20">
                            <a href="" class="py-9 mb-5">
                                <img alt="Logo" src="{{ Setting::get('site_logo') }}" class="h-60px" />
                            </a>
                            <h1 class="fw-bolder fs-2qx pb-5 pb-md-10" style="color: #986923;">Welcome to {{ Setting::get('site_name', "GetFarms") }}</h1>
                            <p class="fw-bold fs-2" style="color: #986923;">Discover Amazing {{ Setting::get('site_name', "GetFarms") }}
                            <br />with great build tools</p>
                        </div>
                        <div class="d-flex flex-row-auto bgi-no-repeat bgi-position-x-center bgi-size-contain bgi-position-y-bottom min-h-100px min-h-lg-350px" style="background-image: url({{ asset('images/login_page/1.png') }})"></div>
                    </div>
                </div>
                <div class="d-flex flex-column flex-lg-row-fluid py-10">
                    <div class="text-right position-absolute top-0 end-0 p-3"> 
                        @include('notifications.notify')
                    </div>
                    <div class="d-flex flex-center flex-column flex-column-fluid">
                        <div class="w-lg-500px p-10 p-lg-15 mx-auto">
                            <form class="form w-100" id="kt_sign_in_form" method="POST" action="{{ route('admin.login.post') }}">
                                <input type="hidden" name="timezone" value="" id="userTimezone">
                                @csrf 
                                <div class="text-center mb-10">
                                    <h1 class="text-dark mb-3">Login In to {{ Setting::get('site_name', "GetFarms") }}</h1>
                                </div>
                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark required">{{ tr('email') }}</label>
                                    <input class="form-control form-control-lg form-control-solid required" type="text" value="{{ old('email', Setting::get('demo_admin_email')) }}" name="email" required/>
                                </div>
                                <div class="fv-row mb-10">
                                    <div class="d-flex flex-stack mb-2">
                                        <label class="form-label fw-bolder text-dark fs-6 required mb-0">{{ tr('password') }}</label>
                                    </div>
                                    <div class="position-relative mb-3">
                                        <input class="form-control form-control-lg form-control-solid" type="password" value="{{ old('password', Setting::get('demo_admin_password')) }}" name="password" id="password" required/>
                                        <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2">
                                            <i class="bi bi-eye fs-2" id="eyeBtn" onclick="passwordToggle()" title="{{tr('show_password')}}"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <button type="submit" id="kt_sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
                                        {{ tr('login') }}
                                    </button>
                                </div>

                                <div class="row">
                                    <div class="col-12 text-center">
                                        <a class="text-center fs-6 fw-bolder" href="{{ route('admin.forgot_password') }}"> {{tr('forgot_password')}} </a>
                                    </div> 
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection

@section('scripts')

<script src="{{asset('js/jstz.min.js')}}"></script>

<script>
    
    $(document).ready(function() {
        $("#userTimezone").val(jstz.determine().name());
    });

</script>

<script type="text/javascript">

    function passwordToggle() {

        var password = document.getElementById('password');
        var eyeBtn = document.getElementById("eyeBtn");

        if (password.type === "password") {
          password.type = "text";
          eyeBtn.title = "Hide Password";
          eyeBtn.className = "bi bi-eye-slash fs-2";
        } else {
          password.type = "password";
          eyeBtn.title = "Show Password";
          eyeBtn.className = "bi bi-eye fs-2";
        }

      } 
</script>

@endsection