@extends('layouts.layout')
@section('content')
<div class="container">
    <h2>Register</h2>
</div>
<hr>
<div class="container">
    <div id="err_register"></div>
    <form id="form_register" method="POST" action="{{ route('register') }}">
        @csrf
        <div class="form-group clearfix">
            <label for="name">{{ __('Name') }}</label>
            <div>
                <input id="name" type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" value="{{ old('name') }}" required autofocus>
            </div>
        </div>
        <div class="form-group">
            <label for="email">{{ __('E-Mail Address') }}</label>
            <div>
                <input id="email" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" required>
            </div>
        </div>
        <div class="form-group">
            <label for="password">{{ __('Password') }}</label>
            <div>
                <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>
            </div>
        </div>
        <div class="form-group">
            <label for="password-confirm">{{ __('Confirm Password') }}</label>
            <div>
                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
            </div>
        </div>
        <div class="form-group">
            <div class="text-center">
                <button type="submit" class="btn btn-primary">
                    {{ __('Register') }}
                </button>
            </div>
        </div>
    </form>
</div>
<script>
    jQuery(document).ready(function($) {
        formSubmitWithErrors('#form_register','#err_register');
    });
</script>
@endsection