@extends('layouts.app')



@section('content')



<div role="main" class="main">

    <section class="page-header mb-0">

        <div class="container">

            <div class="row">

                <div class="col-md-12">

                    <ul class="breadcrumb">

                        <li><a href="{{ route('/')}}">Home</a></li>

                        <li class="active">Login / Register</li>

                    </ul>

                </div>

            </div>

            <div class="row">

                <div class="col-md-12">

                    <h1 class="font-weight-bold">Login / Register</h1>



                </div>

            </div>

        </div>

    </section>



    <section class="section">

        <div class="container">

            <div class="row">

                <div class="col-lg-6 mb-5 mb-lg-0 appear-animation" data-appear-animation="fadeInRightShorter">

                    <div class="bg-primary rounded p-5">

                        <span class="top-sub-title text-color-light-2">ALREADY A MEMBER?</span>

                        <h2 class="text-color-light font-weight-bold text-4 mb-4">Sign In</h2>



                        <form class="form-horizontal" id="frmSignIn" method="POST" action="{{ route('login') }}">

                            {{ csrf_field() }}

                            <div class="form-row">

                                <div class="form-group col mb-2">

                                    <label class="text-color-light-2" for="frmSignInEmail">EMAIL</label>

                                    <input type="email" maxlength="100" class="form-control bg-light rounded border-0 text-1" name="email" value="{{ old('email') }}" id="frmSignInEmail" required autofocus>



                                    @if ($errors->has('email'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('email') }}</strong>

                                    </span>

                                    @endif

                                </div>

                            </div>

                            <div class="form-row">

                                <div class="form-group col">

                                    <label class="text-color-light-2" for="frmSignInPassword">PASSWORD</label>

                                    <input type="password" class="form-control bg-light rounded border-0 text-1" name="password" id="frmSignInPassword" required>



                                    @if ($errors->has('password'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('password') }}</strong>

                                    </span>

                                @endif

                                </div>

                            </div>

                            <div class="form-row mb-3">

                                <div class="form-group col">

                                    <div class="form-check checkbox-custom checkbox-custom-transparent checkbox-default">

                                        <input class="form-check-input" type="checkbox" id="frmSignInRemember" name="remember" {{ old('remember') ? 'checked' : '' }}> 

                                        <label class="form-check-label text-color-light-2" for="frmSignInRemember">

                                            Remember me

                                        </label>

                                    </div>

                                </div>

                                <div class="form-group col text-right">

                                    <a href="{{ route('password.request') }}" class="forgot-pw text-color-light-2 d-block">Forgot password?</a>

                                </div>

                            </div>

                            <div class="row align-items-center">

                                <div class="col text-right">

                                    <button type="submit" class="btn btn-dark btn-rounded btn-v-3 btn-h-3 font-weight-bold">SIGN IN</button>

                                </div>

                            </div>

                        </form>

                    </div>

                </div>

                <div class="col-lg-6 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">

                    <div class="border rounded h-100 p-5">

                        <span class="top-sub-title text-color-primary">DON'T HAVE AN ACCOUNT?</span>

                        <h2 class="font-weight-bold text-4 mb-4">Register Now!</h2>



                        <form class="form-horizontal" id="frmRegister" method="POST" action="{{ route('register') }}">

                            {{ csrf_field() }}

                            <div class="form-row">

                                <div class="form-group col mb-2">

                                    <label for="frmRegisterName">Name</label>

                                    <input type="text" value="{{ old('name') }}" maxlength="100" class="form-control bg-light-5 rounded border-0 text-1" name="name" id="frmRegisterName" required autofocus>



                                    @if ($errors->has('name'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('name') }}</strong>

                                    </span>

                                    @endif

                                </div>

                            </div>

                            <div class="form-row">

                                <div class="form-group col mb-2">

                                    <label for="frmRegisterEmail">EMAIL</label>

                                    <input type="email" value="{{ old('email') }}" maxlength="100" class="form-control bg-light-5 rounded border-0 text-1" name="email" id="frmRegisterEmail" required>



                                    @if ($errors->has('email'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('email') }}</strong>

                                    </span>

                                    @endif

                                </div>

                            </div>

                            <div class="form-row mb-5">

                                <div class="form-group col-lg-6">

                                    <label for="frmRegisterPassword">PASSWORD</label>

                                    <input type="password" value="" class="form-control bg-light-5 rounded border-0 text-1" name="password" id="frmRegisterPassword" required>



                                    @if ($errors->has('password'))

                                    <span class="help-block">

                                        <strong>{{ $errors->first('password') }}</strong>

                                    </span>

                                    @endif

                                </div>

                                <div class="form-group col-lg-6">

                                    <label for="frmRegisterPassword2">RE-ENTER PASSWORD</label>

                                    <input type="password" value="" class="form-control bg-light-5 rounded border-0 text-1" name="password_confirmation" id="frmRegisterPassword2" required>

                                </div>

                            </div>

                            <div class="row align-items-center">

                                <div class="col text-right">

                                    <button type="submit" class="btn btn-primary btn-rounded btn-v-3 btn-h-3 font-weight-bold">REGISTER NOW</button>

                                </div>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </section>

</div>



@endsection



@section('css')



@endsection



@section('js')  



@endsection