@extends('master')

@section('seo_title', __('messages.CREATE_AN_ACCOUNT'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    @include('layout.breadcrumbs', ['page_title' => __('messages.CREATE_AN_ACCOUNT')])

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="locale" content="{{ app()->getLocale() }}">

    <!-- Contents -->
    <section class="about-area section-padding-80 {{ @$displayTopBarPromotionBanner ? 'section-padding-180' : '' }}">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
                    <h1>@lang('messages.CREATE_AN_ACCOUNT')</h1>

                    <form accept-charset="UTF-8" action="" class="customer-register-account" id="customer-register-account" method="post">
                        <div class="form-group">
                            <label>@lang('messages.NAME')</label>
                            <input autofocus="autofocus" class="form-control" id="name" name="name" type="text" required value="">
                        </div>

                        <div class="form-group">
                            <label>@lang('messages.EMAIL')</label>
                            <input class="form-control" id="user_email" name="email" type="email" required value="">
                        </div>

                        <div class="form-group">
                            <label>@lang('messages.PASSWORD')</label>
                            <input class="form-control" id="password" name="password" type="password" required pattern=".{8,}" title="@lang('messages.NEW_PASSWORD_TITLE')">
                        </div>

                        <div class="form-group">
                            <label>@lang('messages.CONFIRM_PASSWORD')</label>
                            <input class="form-control" id="confPassword" name="confPassword" type="password" required>
                        </div>

                        <div class="form-group">
                            <script async src='https://www.google.com/recaptcha/api.js'></script>
                            <div class="g-recaptcha center-block" data-sitekey="{{ config('app.RECAPTCHA_PUBLIC_KEY') }}"></div>
                        </div>

                        <div class="form-group clearfix">
                            <button class="delicious-btn d-block mx-auto" name="commit" type="submit">
                                @lang('messages.CREATE_MY_ACCOUNT')
                            </button>
                        </div>
                    </form>

                    <div class="message-register-account"></div>


                    <div class="shared_links">
                        <center>
                            <br />
                            <a href="/{{ app()->getLocale() }}/account/recover-password">@lang('messages.FORGOT_THE_PASSWORD')?</a>
                            {{-- <br>
                            <a href="#">@lang('messages.NO_CONFIRMATION_INFO')?</a> --}}
                        </center>
                    </div>
                    <br><br>
                </div>
            </div>

        </div>
    </section>
@endsection