@extends('layouts.simple')

@section('title', 'Register Page')

@section('content')
    <div class="content-header row"></div>
    <div class="content-body">
        <section class="flexbox-container">
            <div class="col-md-4 offset-md-4 col-xs-10 offset-xs-1 box-shadow-2 p-0">
                <div class="card border-grey border-lighten-3 px-2 py-2 m-0">
                    <div class="card-header no-border">
                        <div class="card-title text-xs-center">
                            <div class="p-1"><img src="assets/images/logo/logo.png" alt="branding logo" width="200" height="220"></div>
                        </div>
                        <h6 class="card-subtitle line-on-side text-muted text-xs-center font-small-3 pt-2"><span>Create Account</span></h6>
                    </div>
                    <div class="card-body collapse in">
                        <div class="card-block">
                            <form autocomplete="off" class="form-horizontal form-simple" method="POST" action="{{ route('register') }}">
                                {{ csrf_field() }}
                                <fieldset class="form-group position-relative has-icon-left mb-1{{ $errors->has('name') ? ' has-error' : '' }}">
                                    <input type="text" name="name" id="name" class="form-control form-control-lg input-lg" placeholder="User Name" value="{{ old('name') }}" required autofocus>
                                    <div class="form-control-position">
                                        <i class="icon-head"></i>
                                    </div>
                                    @if ($errors->has('name'))
                                        <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                    @endif
                                </fieldset>
                                <fieldset class="form-group position-relative has-icon-left mb-1{{ $errors->has('email') ? ' has-error' : '' }}">
                                    <input type="email" name="email" id="email" class="form-control form-control-lg input-lg" placeholder="Your Email Address" value="{{ old('email') }}" required>
                                    <div class="form-control-position">
                                        <i class="icon-mail6"></i>
                                    </div>
                                    @if ($errors->has('email'))
                                        <span class="help-block"><strong>{{ $errors->first('email') }}</strong></span>
                                    @endif
                                </fieldset>
                                <fieldset class="form-group position-relative has-icon-left{{ $errors->has('password') ? ' has-error' : '' }}">
                                    <input type="password" name="password" id="password" class="form-control form-control-lg input-lg" placeholder="Enter Password" required>
                                    <div class="form-control-position">
                                        <i class="icon-key3"></i>
                                    </div>
                                    @if ($errors->has('password'))
                                        <span class="help-block"><strong>{{ $errors->first('password') }}</strong></span>
                                    @endif
                                </fieldset>
                                <fieldset class="form-group position-relative has-icon-left">
                                    <input type="password" name="password_confirmation" id="password-confirm" class="form-control form-control-lg input-lg" placeholder="Confirm Password" required>
                                    <div class="form-control-position">
                                        <i class="icon-key3"></i>
                                    </div>
                                    @if ($errors->has('password'))
                                        <span class="help-block"><strong>{{ $errors->first('password') }}</strong></span>
                                    @endif
                                </fieldset>
                                <button type="submit" class="btn btn-primary btn-lg btn-block"><i class="icon-unlock2"></i> Register</button>
                            </form>
                        </div>
                        <p class="text-xs-center">Already have an account ? <a href="{{ route('login') }}" class="card-link">Login</a></p>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection