@extends('front.front-app')

@include('front.header')

@section('container')

    <div class="main-content">
        <div class="container">

            <div class="section login">
                <div class="login-inner">
                    <h1>{{ ShowLabelById(255, $lang_id) }}</h1>
                    @include('front.templates.register-or-login-menu')
                    <div class="login-form">
                        <form action="{{ url($lang,'registerNewFrontUser') }}" id="register-user">

                            <input type="hidden" name="_token" value="{{ csrf_token() }}">

                            <div class="login-form-item">
                                <label for="name" class="sr-only">{{ ShowLabelById(106, $lang_id) }} / {{ ShowLabelById(245, $lang_id) }} *</label>
                                <input type="text" id="name" name="name" placeholder="{{ ShowLabelById(106, $lang_id) }} / {{ ShowLabelById(245, $lang_id) }} *">
                            </div>

                            {{--<div class="login-form-row">
                                <div class="login-form-item">
                                    <label for="last_name" class="sr-only">{{ ShowLabelById(245, $lang_id) }} *</label>
                                    <input type="text" id="last_name" name="last_name" placeholder="{{ ShowLabelById(245, $lang_id) }} *">
                                </div>
                            </div>--}}
                            <div class="login-form-row">
                                <div class="login-form-item">
                                    <label for="email" class="sr-only">{{ ShowLabelById(108, $lang_id) }} *</label>
                                    <input type="text" id="email" name="email" placeholder="{{ ShowLabelById(108, $lang_id) }} *">
                                </div>
                                <div class="login-form-item">
                                    <label for="phone" class="sr-only">{{ ShowLabelById(107, $lang_id) }} *</label>
                                    <input type="text" id="phone" name="phone" placeholder="{{ ShowLabelById(107, $lang_id) }} *">
                                </div>
                            </div>
                            <div class="login-form-row">
                                <div class="login-form-item">
                                    <label for="password" class="sr-only">{{ ShowLabelById(251, $lang_id) }} *</label>
                                    <input type="password" id="password" name="password" placeholder="{{ ShowLabelById(251, $lang_id) }} *">
                                </div>
                                <div class="login-form-item">
                                    <label for="password_confirmation" class="sr-only">{{ ShowLabelById(252, $lang_id) }} *</label>
                                    <input type="password" id="password_confirmation" name="password_confirmation" placeholder="{{ ShowLabelById(252, $lang_id) }} *">
                                </div>
                            </div>
                            <p class="aggreement">
                                <label>
                                    <input id="checkin-agree" name="agree" type="checkbox">
                                    <span class="aggreement-checkbox"></span>
                                    {{ ShowLabelById(253, $lang_id) }}
                                </label>
                            </p>

                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-register">
                            </div>

                            <div class="login-submit">
                                <button type="submit" class="button button--blue" onclick="saveForm(this)" data-form-id="register-user">{{ ShowLabelById(254, $lang_id) }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@include('front.footer')