@extends('layouts.app')

@section('content')

    <div class="container content-container">
        <div class="row content-row">
            <div id="primary" class="content-area content-full-width col-12">
                <main id="main" class="site-main">

                    <article id="post-351" class="post-351 page type-page status-publish hentry">
                        <div class="entry-content clearfix">
                            <div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-parallax="1"
                                 data-vc-parallax-image="/wp-content/uploads/2018/07/parallax1.jpg"
                                 class="vc_row wpb_row vc_row-fluid vc_row-has-fill vc_general vc_parallax vc_parallax-content-moving bg-image-ps-inherit">
                                <div class="wpb_column vc_column_container vc_col-sm-12">
                                    <div class="vc_column-inner vc_custom_1532503843284">
                                        <div class="wpb_wrapper">
                                            <div class="user-press user-press-default">
                                                <div class="user-press-header">
                                                    <h3>Log in to Your Account</h3>
                                                </div>
                                                <div class="user-press-body user-press-login">
                                                    <form method="POST"
                                                          action="{{ route('login') }}?redirect=/checkout"
                                                          aria-label="{{ __('Login') }}" class="mb-4">
                                                        @csrf
                                                        <div class="login-form">
                                                            <div class="fields-content">
                                                                <div class="field-group">
                                                                    <input
                                                                            class="input user_name no-round-input {{ $errors->has('email') ? ' is-invalid' : '' }}"
                                                                            id="user-name"
                                                                            type="email" name="email"
                                                                            value="{{ old('email') }}" required
                                                                            autofocus>

                                                                    <i class="zmdi zmdi-account"></i>
                                                                </div>
                                                                @if ($errors->has('email'))
                                                                    <span class="invalid-feedback d-block" role="alert">
                                                                <strong>{{ $errors->first('email') }}</strong>
                                                            </span>
                                                                @endif
                                                                <div class="field-group">
                                                                    <input class="input password no-round-input {{ $errors->has('password') ? ' is-invalid' : '' }}"
                                                                           name="password" required id="password"
                                                                           type="password">
                                                                    <i class="zmdi zmdi-lock-outline"></i>
                                                                </div>

                                                                @if ($errors->has('password'))
                                                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                                                @endif
                                                                <div class="field-group">
                                                                    <button type="submit"
                                                                            class="button button-login">Log In
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="user-press-footer">
                                                    <a class="create-account" href="/register" class="mb-4">Create an
                                                        account</a>
                                                </div>
                                            </div>
                                            <div class="user-press-forgot-pass">
                                                <a href="{{ route('password.request') }}">Forget your
                                                    Password</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="vc_row-full-width vc_clearfix"></div>
                        </div><!-- .entry-content -->

                    </article><!-- #post-351 -->
                </main><!-- #main -->
            </div><!-- #primary -->


        </div>
    </div>
@endsection