@extends('layouts.loginmaster')
@section('title','Login')
@section('content')
<!-- BEGIN: Content-->
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <div class="auth-wrapper auth-v1 px-2">
                <div class="auth-inner py-2">
                    <!-- Login v1 -->
                    <div class="card mb-0">
                        <div class="card-body">
                            <a href="javascript:void(0);" class="brand-logo">   
                                <!-- <img height="30" src="{{ asset('app-assets/images/logo/grow2.svg') }}">                            -->
                                <h2 class="brand-text text-primary ml-1">Baljiwan</h2>                                                                     
                            </a>
                            <h4 class="card-title mb-1">Welcome to Baljiwan Admin! 👋</h4>
                            <p class="card-text mb-2">Please sign-in to your account</p>

                            <form class="login-form mt-2" id="login-form" action="{{ route('post.login') }}" method="POST">
                                @csrf
                                @include('errormessage')
                                <div class="form-group">
                                    <label for="login-email" class="form-label">Email</label>
                                    <input type="text" class="form-control" id="email" name="email" placeholder="Enter Email" aria-describedby="login-email" tabindex="1" autofocus />
                                </div>

                                <div class="form-group">
                                    <div class="d-flex justify-content-between">
                                        <label for="login-password">Password</label>
                                        <a href="{{ route('forgot.password') }}">
                                            <small>Forgot Password?</small>
                                        </a>
                                    </div>
                                    <div class="input-group input-group-merge form-password-toggle">
                                        <input type="password" class="form-control form-control-merge" id="password" name="password" tabindex="2" placeholder="Enter Password" aria-describedby="login-password" />
                                        <div class="input-group-append">
                                            <span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary btn-block submitbutton waves-effect" tabindex="4">
                                    <span class="align-middle">Sign in</span>
                                    <span class="spinner-border spinner-border-sm ml-1 display-none loader-btn" role="status" aria-hidden="true"></span>                                    
                                </button>
                            </form>                                                
                        </div>
                    </div>
                    <!-- /Login v1 -->
                </div>
            </div>

        </div>
    </div>
</div>
<!-- END: Content-->
@endsection
@section('script')
<script type="text/javascript">
    $(document).ready(function () {
        $("#login-form").validate({
            rules: {
                email: {
                    required: true,
                    email: true,
                    maxlength: 30
                },
                password: {
                    required: true
                },
            },
            submitHandler: function (form) {
                if ($("#login-form").validate().checkForm()) {
                    $('.loader-btn').removeClass("display-none");
                    $(".submitbutton").attr("type", "button");
                    $('.submitbutton').prop('disabled', true);
                    form.submit();
                }
            }
        });

    });
</script>
@endsection