@extends('partials.default')
@section('title', 'AfricaWebStudent e-Services')
@section('content')

    <!-- Start: Account Section 
==================================================-->
    <section class="account-section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="reg_wrap">
                        <!-- Start: Image -->
                        <div class="reg_img">
                            <img src="images/hero-men.png" alt="">
                        </div>
                        <!-- Start:  Login Form  -->
                        <div class="login-form">
                            <h2> ENTER YOUR DETAILS BELOW </h2>
                            <form method="POST" action = "{{url('/verifylogin')}}">
                                @csrf
                                <input class="login-field" name="lusername" id="lusername" type="text"
                                    placeholder="Username">
                                <input class="login-field" name="lpassword" id="lpassword" type="password"
                                    placeholder="Password">
                                <div class="lost_pass">
                                    <input type="checkbox" id="rem-checkbox-input">
                                    <label for="rem-checkbox-input" class="rem-checkbox">
                                        <span class="rem-me">Remember me</span>
                                    </label>
                                    <a href="" class="forget"> Lost your password? </a>
                                </div>
                                <div class="submit-area">
                                    <input type="submit"  class="submit more-link" value = "Login">
                                    <div id="error" class="message"></div>
                                </div>
                            </form>
                        </div>
                        <!-- End:Login Form  -->
                    </div>
                </div>
                <!-- .col-md-6 .col-sm-12 /- -->
            </div>
            <!-- row /- -->
        </div>
        <!-- container /- -->
    </section>
    <!-- End : Account Section 
==================================================-->

@endsection