@extends('user.layouts.v_template')

@section('content')
    <!-- START SECTION TOP -->
    <section class="section-top"
        style="background-image: url(assets/img/bg/section-top.png);background-size:cover; background-position: center center;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                    <div class="section-top-title">
                        <h1> </h1>
                    </div>
                </div><!--- END COL -->
            </div><!--- END ROW -->
        </div><!--- END CONTAINER -->
    </section>
    <!-- END SECTION TOP -->
    <!-- FEATURES -->
    <section class="feature_area">
        <div class="container col-lg-6">
            <div class="row feature_bg">
                <div class="d-flex justify-content-center">
                    <h1>Login</h1>
                </div>
                <form method="POST" action="{{ url('/login-process') }}">

                    @csrf

                    <div class="mb-3">
                        <label class="form-label">
                            Email
                        </label>

                        <input type="email" name="email" class="form-control" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">
                            Password
                        </label>

                        <input type="password" name="password" class="form-control" required>
                    </div>

                    <h6>
                        Belum punya akun?
                        <a href="{{ url('/register-page') }}">
                            Daftar disini
                        </a>
                    </h6>
                    @if(session('error'))

                        <div class="alert alert-danger">

                            {{ session('error') }}

                        </div>

                    @endif
                    @if(session('success'))

                        <div class="alert alert-success">

                            {{ session('success') }}

                        </div>

                    @endif

                    <div class="d-flex justify-content-center">

                        <button type="submit" class="btn btn-primary">
                            Login
                        </button>

                    </div>

                </form>
            </div><!-- END ROW -->
        </div><!--- END CONTAINER -->
    </section>
    <!-- END FEATURES -->

@endsection