@extends('backend.layouts.login')

@section('title',env('APP_NAME').' | '. __('label.admin_sign_up_page_title'))

@section('content')
    <div class="d-flex flex-column flex-root">
        <!--begin::Login-->
        <div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
            <!--begin::Aside-->
            <div class="login-aside d-flex flex-column flex-row-auto" style="background-color: #D3D0D0;">
                <!--begin::Aside Top-->
                <div class="d-flex flex-column-auto flex-column pt-25">
                    <!--begin::Aside header-->
                    <!--end::Aside header-->
                </div>
                <!--end::Aside Top-->
                <!--begin::Aside Bottom-->
                <div class="aside-img d-flex flex-row-fluid bgi-no-repeat bgi-position-x-center" style="min-height: 280px;background-size: 80%;background-repeat: no-repeat;background-position: center center;background-image: url(/assets/media/admin-console-banner.png)"></div>
                <!--end::Aside Bottom-->
            </div>
            <!--begin::Aside-->
            <!--begin::Content-->
            <div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
                <!--begin::Content body-->
                <div class="d-flex flex-column-fluid flex-center">
                    <!--begin::Signin-->
                    <div class="login-form login-signin">
                        <!--begin::Form-->
                        <form method="POST" action="{{ route('admin.user.post.register') }}">
                        @csrf
                            <input type="hidden" name="user_id" value="{{ request('user') }}">
                        <!--begin::Title-->
                            <div class="pb-13 pt-lg-0 pt-5">
                                <h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg">{{ __('label.welcome_invite_title',['param' => app_name()]) }}</h3>
                            </div>
                            <!--begin::Title-->
                            <!--begin::Form group-->
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.first_name') }}</label>
                                    {{ Form::text('first_name',!empty($user->first_name) ? $user->first_name : null,['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('first_name') ? ' is-invalid' : null)])}}
                                    @error('first_name')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.last_name') }}</label>
                                    {{ Form::text('last_name',!empty($user->last_name) ? $user->last_name : null,['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('last_name') ? ' is-invalid' : null)])}}
                                    @error('last_name')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <!--end::Form group-->
                            <!--begin::Form group-->
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.email') }}</label>
                                    {{ Form::text('email',!empty($user->email) ? $user->email : null,['readonly' => 'readonly', 'class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('email') ? ' is-invalid' : null)])}}
                                    @error('email')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <!--begin::Form group-->
                                    <div class="form-group">
                                        <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.username') }}</label>
                                        {{ Form::text('username',null,['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('username') ? ' is-invalid' : null)])}}
                                        @error('username')
                                        <div class="fv-plugins-message-container">
                                            <div class="fv-help-block">
                                                <strong>{{ $message }}</strong>
                                            </div>
                                        </div>
                                        @enderror
                                    </div>
                                    <!--end::Form group-->
                                </div>
                            </div>
                            <!--end::Form group-->
                            <!--begin::Form group-->
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.employee_id') }}</label>
                                    {{ Form::text('employee_id',null,['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('employee_id') ? ' is-invalid' : null)])}}
                                    @error('employee_id')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <!--end::Form group-->
                            <!--begin::Form group-->
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.password') }}</label>
                                    {{ Form::password('password',['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('password') ? ' is-invalid' : null)])}}
                                    @error('password')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="font-size-h6 font-weight-bolder text-dark">{{ __('label.confirm_password') }}</label>
                                    {{ Form::password('password_confirmation',['class' => 'form-control form-control-solid h-auto py-4 px-4 rounded-lg'. ($errors->has('password_confirmation') ? ' is-invalid' : null)])}}
                                    @error('password_confirmation')
                                    <div class="fv-plugins-message-container">
                                        <div class="fv-help-block">
                                            <strong>{{ $message }}</strong>
                                        </div>
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <!--end::Form group-->
                            <!--begin::Action-->
                            <div class="pb-lg-0 pb-5">
                                {{ Form::submit(__('buttons.sign_up'),['class' => 'btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3'])}}
                            </div>
                            <!--end::Action-->
                        </form>
                        <!--end::Form-->
                    </div>
                    <!--end::Signin-->
                </div>
                <!--end::Signup-->
            </div>
            <!--end::Content body-->
            <!--begin::Content footer-->
            <div class="d-flex justify-content-lg-start justify-content-center align-items-end py-7 py-lg-0">
                <div class="text-dark-50 font-size-lg font-weight-bolder mr-10">
                    <span class="mr-1">{{date('Y')}} © {{ app_name() }}</span>
                </div>
            </div>
            <!--end::Content footer-->
        </div>
        <!--end::Content-->
    </div>
    <!--end::Login-->
@endsection