@extends('layouts.app')

@section('content')
<div class="login_area">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default register_section">
                    <h1 class="panel-heading mt-0">ShipJunction</h1>
                    <h2 class="sub-heading">Sign up to your account</h2>
                    <p class="login-text">Already have an account? <a href="{{ route('login') }}">Log in</a></p>

                    <div class="panel-body">
                        <form class="form-horizontal" method="POST" action="{{ route('register') }}" autocomplete="off">
                            {{ csrf_field() }}

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                            {!! Form::text('name',null, ['class' => 'form-control', 'placeholder'=>'First Name']) !!}
                                        @if ($errors->has('name'))
                                            <span class="help-block m-0">
                                                <strong><!-- {{ $errors->first('name') }} -->The first name field is required.</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-6 last_name_input">
                                    <div class="form-group{{ $errors->has('lname') ? ' has-error' : '' }}">
                                            {!! Form::text('lname',null, ['class' => 'form-control', 'placeholder'=>'Last Name']) !!}

                                        @if ($errors->has('lname'))
                                            <span class="help-block m-0">
                                                <strong><!-- {{ $errors->first('lname') }} -->The Last name field is required.</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="form-group{{ $errors->has('role') ? ' has-error' : '' }}">
                                <select class="form-control" name="role" id="role">
                                    <option value="">User Type..</option>
                                    @if ($roles->count())
                                    @foreach($roles as $Role)
                                        <option value="{{ $Role->id }}">{{ $Role->name }}</option>
                                    @endforeach
                                    @endif
                                    @if ($errors->has('role'))
                                   
                                @endif
                                </select>
                                 <span class="help-block m-0">
                                        <strong>{{ $errors->first('role') }}</strong>
                                    </span>
                            </div>

                           

                            <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                {!! Form::email('email',null, ['class' => 'form-control', 'placeholder'=>'Email Address', 'autocomplete'=>'off']) !!}
                                @if ($errors->has('email'))
                                    <span class="help-block m-0">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                {!! Form::number('phone',null, ['class' => 'form-control', 'placeholder'=>'Mobile Number']) !!}

                                @if ($errors->has('phone'))
                                    <span class="help-block m-0">
                                        <strong>{{ $errors->first('phone') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                                {!! Form::password('password', ['class' => 'form-control', 'placeholder'=>'Password', 'autocomplete'=>'off']) !!}

                                @if ($errors->has('password'))
                                    <span class="help-block m-0">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group {{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                                    {!! Form::password('password_confirmation', ['class' => 'form-control',  'placeholder'=>'Confirm Password']) !!}
                                 @if ($errors->has('password_confirmation'))
                                    <span class="help-block m-0">
                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="form-group{{ $errors->first('terms') ? ' has-error' : '' }}">

                                <!-- <input type="checkbox" name="terms" value="terms"><p class="terms_text"> I have read & agree to the <a href="#">Terms of Service</a> & <a href="#">Privacy Policy</a>.</p> -->
                                <input class="term_policy" id="term_policy_block" name="terms" type="checkbox" value="terms">
                                <label for="term_policy_block">I have read & agree to the <a  target="_blank" href="{{ url('term') }}">Terms of Service</a> & <a  target="_blank" href="{{ url('privacy') }}">Privacy Policy</a>.</label>
                                @if ($errors->has('terms'))
                                    <span class="help-block m-0">
                                        <strong>{{ $errors->first('terms') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group m-auto">
                                {!! Form::submit('Sign up', ['class' => 'form-control btn btn-primary login-button']) !!}
                            </div>
                        </form>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection