@extends('users/authentication.index')
@section('title', Helper::getSiteTitle('Log In'))

@section('content')
<div class="card bg-pattern">
    <div class="card-body p-4">
        <div class="text-center w-75 m-auto">
            <div class="auth-logo">
                <a href="{{ route('home') }}" class="logo logo-dark text-center">
                    <span class="logo-lg">
                        <img src="{{ asset('images/logo.svg?v=' . Helper::$version) }}">
                    </span>
                </a>

                <a href="{{ route('home') }}" class="logo logo-light text-center">
                    <span class="logo-lg">
                        <img src="{{ asset('images/logo.svg?v=' . Helper::$version) }}">
                    </span>
                </a>
            </div>
        </div>
        <form action="{{ route('authentication') }}" method="post" class="mt-4">
        	{{ csrf_field() }}
        	<div class="display-messages">
        		@if($errors->any())
        		<div class="alert alert-danger" role="alert">
	                @foreach ($errors->all() as $error)
                        {!! $error !!}<br>
                    @endforeach
	            </div>
                @elseif(session('message'))
                <div class="alert alert-success" role="alert">
                    {!! session('message') !!}
                </div>
	            @endif
        	</div>
            <div class="form-group mb-3">
                <label for="emailaddress">Email address</label>
                <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email" name="email" value="{{ old('email') }}">
            </div>
            <div class="form-group mb-3">
                <label for="password">Password</label>
                <div class="input-group input-group-merge">
                    <input type="password" id="password" class="form-control" placeholder="Enter your password" name="password">
                    <div class="input-group-append" data-password="false">
                        <div class="input-group-text">
                            <span class="password-eye font-12"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group mb-3">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="checkbox-signin" name="remember" checked>
                    <label class="custom-control-label" for="checkbox-signin">Remember me</label>
                </div>
            </div>
            <div class="form-group mb-0 text-center">
                <button type="submit" class="ladda-button btn btn-primary btn-block" dir="ltr" data-style="slide-up">Login</button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('css-lib')
<link href="{{ asset('libs/ladda/ladda-themeless.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('js-lib')
<script src="{{ asset('libs/ladda/spin.min.js') }}"></script>
<script src="{{ asset('libs/ladda/ladda.min.js') }}"></script>
<script src="{{ asset('js/pages/loading-btn.init.js') }}"></script>
@endsection