@section('title')
{{ trans('seo.account.title') }} | 
@stop

@section('metatags')
<meta name="description" content="{{ trans('seo.account.description') }}">
<meta property="og:title" content="{{ trans('seo.account.facebook.title') }}">
<meta property="og:description" content="{{ trans('seo.account.facebook.description') }}">
<meta property="og:image" content="{{ trans('seo.og-image.url') }}">
<meta property="og:image:width" content="{{ trans('seo.og-image.width') }}">
<meta property="og:image:height" content="{{ trans('seo.og-image.height') }}">
@stop

@section('content')
<section class="page-header">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1>{{ trans('auth.title') }}</h1>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="spacer-30"></div>
        @include('partials.alerts')
        <div class="row">
            <div class="col-sm-5">
                {{ Form::open(['route' => 'customers.login.submit', 'method' => 'POST']) }}
                <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                    {{ Form::label('email', trans('global.word.email'), ['class' => 'control-label']) }}
                    {{ Form::email('email', null, ['class' => 'form-control', 'autofocus', 'required']) }}
                </div>
                <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                    {{ Form::label('password', trans('global.word.password')) }}
                    {{ Form::password('password', ['class' => 'form-control', 'required']) }}
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <label style="padding: 0; margin-bottom: 5px;">
                            <input type="checkbox" name="remember"> {{ trans('auth.remember') }}
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-block btn-primary">{{ trans('global.word.login') }}</button>
                    <div class="spacer-15"></div>
                    <a href="#" data-toggle="modal" data-target="#reset-password">
                        <i class="fa fa-lock"></i> {{ trans('auth.forgot.title') }}
                    </a>
                </div>
                {{ Form::close() }}
            </div>
            
            <div class="col-sm-6 col-sm-offset-1">
                <div class="spacer-30"></div>
                <h3 class="text-uppercase text-primary margin-top-0">{{ trans('auth.register.title') }}</h3>
                <p>
                    <b class="text-black text-uppercase">{{ trans('beCustomer.intro1') }}</b><br/>
                    {{ trans('beCustomer.intro2') }}
                </p>
                <a href="{{ route('be-customer.index') }}" class="btn btn-black">{{ trans('global.word.know-more') }}</a>
            </div>
        </div>
    </div>
    <div class="spacer-50"></div>
</section>

<section class="bg-gray-light">
    <div class="spacer-30"></div>
    <div class="container">
        <div class="col-sm-6 col-md-3">
            <div class="media media-service">
                <div class="media-left">
                    <div class="round-icon bg-primary">
                        <i class="fa fa-euro padding-left-6"></i>
                    </div>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">{{ trans('beCustomer.advantages.block1.title') }}</h4>
                    <p>{{ trans('beCustomer.advantages.block1.description') }}</p>
                </div>
            </div>

        </div>
        <div class="col-sm-6 col-md-3">
            <div class="media media-service">
                <div class="media-left">
                    <div class="round-icon bg-primary">
                        <i class="icon icon-package"></i>
                    </div>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">{{ trans('beCustomer.advantages.block2.title') }}</h4>
                    <p>{{ trans('beCustomer.advantages.block2.description') }}</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="media media-service">
                <div class="media-left">
                    <div class="round-icon bg-primary">
                        <i class="fa fa-file font-size-28px padding-left-8 padding-top-5"></i>
                    </div>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">{{ trans('beCustomer.advantages.block3.title') }}</h4>
                    <p>{{ trans('beCustomer.advantages.block3.description') }}</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="media media-service">
                <div class="media-left">
                    <div class="round-icon bg-primary">
                        <i class="icon icon-handle-with-care"></i>
                    </div>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">{{ trans('beCustomer.advantages.block4.title') }}</h4>
                    <p>{{ trans('beCustomer.advantages.block4.description') }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="spacer-30"></div>
</section>
@include('auth.passwords.email')
@endsection