@extends('layouts.base')

@section('content')
    <div class="fluid-container h-100">
        <div class="row no-margin" style=" min-height: 100%; ">
            <div class="col no-padding" style="background-image: url({{asset('images/shipping_bg.jpeg')}}); background-position: center; background-size: cover;">
                <div class="w-100 h-100 bg-master" style="position: absolute; opacity: 0.6;"></div>
            </div>
            <div class="col-4 padding-50 bg-white">
                <div class="row m-t-50">
                    <div class="col m-t-50 p-l-0">
                        <img src="{{asset('images/logo.png')}}" alt="logo" height="35">
                    </div>
                </div>

                <div class="row m-t-50">
                    <div class="col">
                        <div class="inline v-align-middle">
                            <h4 class="font-heading no-margin lh-28">New User</h4>
                            <p class="no-margin hint-text lh-18">Create a new account</p>
                        </div>
                    </div>
                </div>
                @if(count($errors) > 0)
                    <div class="alert text-danger m-b-0 fs-11 font-arial p-l-5 p-r-15 p-t-0">
                        {!! $errors->first() !!}
                    </div>
                @endif
                <form id="registration-form" class="p-t-15" method="post" action="{{route('auth.registration.create')}}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group form-group-default disabled">
                                <label class="muted ">Email Address</label>
                                <input class="form-control text-black hint-text" value="{{$invite->email}}" disabled>
                                <input name="email" type="hidden" value="{{$invite->email}}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group form-group-default">
                                <label class="text-primary">First Name</label>
                                <input name="first_name" placeholder="enter your first name" value="{{ old('first_name') }}" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group form-group-default">
                                <label class="text-primary">Last Name</label>
                                <input name="last_name" placeholder="enter your last name" class="form-control" value="{{ old('last_name') }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group form-group-default">
                                <label class="text-primary">Password</label>
                                <input type="password" name="password" placeholder="enter your password"
                                       class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row m-t-5">
                        <div class="col no-padding">
                            <input type="hidden" name="hash" value="{{$invite->hash}}">
                            {{ csrf_field() }}
                            <button class="btn btn-default bg-primary b-primary btn-cons pull-right text-white no-margin">
                                Sign Up
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection