@extends('layouts.auth', ['class' => 'login-page', 'page' => __('Login Page'), 'contentClass' => 'login-page'])

@section('content')

<!-- <div class="col-lg-4 col-md-6 ml-auto mr-auto"> -->
<form class="form" method="post" action="{{ route('processLogin') }}">
    @csrf

    <div class="card card-login card-white">
        <div class="card-header pb-3">
            <!-- <img src="{{ asset('black') }}/img/card-primary.png" alt=""> -->
            <h1 class="card-title text-center d-block w-100 mt-2" style="color: #99bc13 !important;">{{ __('Log in') }}</h1>
        </div>
        <div class="card-body">
            <div class="input-group{{ $errors->has('email') ? ' has-danger' : '' }}">
                <input type="text" name="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}">
            </div>
            <div class="input-group{{ $errors->has('password') ? ' has-danger' : '' }} mb-0">
                <input type="password" placeholder="{{ __('Password') }}" name="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}">
            </div>
        </div>
        <div class="card-footer">
            <button type="submit" href="" class="btn btn-primary btn-lg btn-block mb-3">{{ __('Login') }}</button>
            <!-- <div class="pull-right">
                <h6>
                    <a href="#" class="link footer-link">{{ __('Forgot password?') }}</a>
                </h6>
            </div> -->
        </div>
    </div>
</form>
<!-- </div> -->
@endsection