@extends('layouts.app')

@section('content')

<section class="xs-section-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-10 mx-auto">
                <div class="row customer-info-forms">
                    <div class="col-md-6 offset-md-2">
                        <div class="xs-customer-form-wraper">
                            <h3>Log in your account</h3>
                            <p>There are no enrollment fees or shipping quotas. Simply provide your contact information, create a user ID and password.</p>
                            <form action="{{ url('/login') }}" method="post" class="xs-customer-form">
                                {!! csrf_field() !!}

                                <div class="input-group input-group-append">
                                 <input  value="{{ old('email') }}" type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" placeholder="{{ __('auth.email') }}" aria-label="{{ __('auth.email') }}">
                                 <i class="icon icon-profile-male input-group-text"></i>

                                 @if ($errors->has('email'))
                                 <div class="invalid-feedback">
                                    {{ $errors->first('email') }}
                                </div>
                                @endif
                            </div>

                            <div class="input-group input-group-append">
                             <input value="{{ old('password') }}" type="password" class="form-control  {{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{__('auth.password')}}" aria-label="{{__('auth.password')}}">
                             <i class="icon icon-key2 input-group-text"></i>

                             <div class="invalid-feedback">
                                {{ $errors->first('password') }}
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-8">
                                <div class="checkbox icheck">
                                    <label> <input type="checkbox" name="remember"> {{__('auth.remember_me')}}
                                    </label>
                                </div>
                            </div>
                        </div>

                        <button type="submit" class="btn btn-primary btn-block">{{__('auth.login')}}</button>

                    </form>
                </div><!-- .xs-customer-form-wraper END -->
            </div>

        </div>
    </div>  
</div><!-- .row END -->
</div><!-- .container END -->
</section>

@endsection