@extends('layouts.master')
@section('title','E-LIBRARY')
@section('headasset')
<link rel="stylesheet" href="{{asset('assets/css/login.css')}}">
@stop
@section('content')
<div class="wrapper">
    <div class="container">
        <div class="content">
            <div class="row mt-5">
                <div class="col-md-12">
                    <div class="card mt-5 h-100">
                        <div class="card-header bg-primary">
                            <div class="card-title text-white">
                                <a href="{{'/elibrary/dashboard'}}" class="logo"><img
                                        src="{{asset('assets/img/logo.svg')}}" alt="navbar brand"
                                        class="navbar-brand"></a>
                                <div class="float-right mt-2">E-LIBRARY MANAGEMENT</div>
                            </div>
                        </div>
                        <div class="card-body mt-4">
                            <div class="row mt-4">
                                <div class="col-md-8 col-lg-8 offset-2">
                                    <div class="form-group text-center">
                                        <h5>THIS WILL BE A LANDING PAGE IN FUTURE</h5>
                                    </div>
                                    <div class="form-group">
                                        <a href="{{url('/login')}}" class="btn btn-dark w-100">LOGIN</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('jsscript')
<!-- Validator JS -->
<script src="{{asset('assets/js/jquery.validate.min.js')}}"></script>
<script>
    $("#LoginForm").validate({
        rules: {
            email: "required",
            password: "required",
        },
        messages: {
            email: {
                required: "Email Field Required",
            },
            password: {
                required: "Password Field Required",
            },
        },
        submitHandler: function (form, e) {
            form.submit();
        },
    });
</script>
<script src="{{asset('assets/js/splash-message.js')}}"></script>
@stop