@extends('layouts.default.auth.layout')

@section('content')
<div class="col-md-4 content-center">
    <div class="card card-login card-plain">
        <form class="form" method="POST" action="{{ url('/login') }}">
            <div class="header header-primary text-center">
                <div class="logo-container" style="width: 320px;">
                    <img src="/assets/frontend/img/logo.svg" width="320" height="320" style="background: #FFF">
                </div>
            </div>
            <div class="content">
                <div class="input-group form-group-no-border{{ $errors->has('email') ? ' has-error' : '' }} input-lg">
                    <span class="input-group-addon">
                        <i class="now-ui-icons users_circle-08"></i>
                    </span>
                    <input id="email" type="email"
                           class="form-control"
                           name="email"
                           value="{{ old('email') }}"
                           placeholder="Email"
                           required>
                </div>
                @if ($errors->has('email'))
                    <span class="help-block">
                    <strong>{{ $errors->first('email') }}</strong>
                </span>
                @endif

                <div class="input-group form-group-no-border{{ $errors->has('password') ? ' has-error' : '' }} input-lg">
                    <span class="input-group-addon">
                        <i class="now-ui-icons ui-1_lock-circle-open"></i>
                    </span>
                    <input id="password"
                           type="password"
                           name="password"
                           class="form-control"
                           placeholder="Password"
                           required>
                </div>
                @if ($errors->has('password'))
                    <span class="help-block">
                        <strong>{{ $errors->first('password') }}</strong>
                    </span>
                @endif

            </div>
            <div class="footer text-center">
                <button href="#pablo" class="btn btn-primary btn-round btn-lg btn-block">login</button>
            </div>
            <div class="pull-left">
                <h6>
                    <a href="{{ url('/register') }}" class="link">Create Account</a>
                </h6>
            </div>
            <div class="pull-right">
                <h6>
                    <a href="#pablo" class="link">Need Help?</a>
                </h6>
            </div>
        </form>
    </div>
</div>
@endsection
