@extends('layouts.embed')

@section('page-title',__('site.employer-registration'))

@section('content')

    <div  >

        <div  >

                

                    <div  >
                        <h3>@lang('site.employer-registration')</h3>
                        <h6>@lang('site.create-employer-account')</h6>

                         @include('partials.flash_message_bs4')

                        <form   id="register-form"  method="post" action="{{ route('register.save-employer') }}"  enctype="multipart/form-data">
                            @csrf
                              <input type="hidden" name="embed" value="1"/>
                            <div class="form-group">
                                <label>@lang('site.name')</label>
                                <input type="text" class="form-control @error('name') is-invalid @enderror"  name="name"  required autocomplete="name" autofocus placeholder="@lang('site.enter-name')" value="{{ old('name') }}">
                                @error('name')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div><!-- form-group -->


                            <div class="form-group">
                                <label>@lang('site.email')</label>
                                <input type="text" class="form-control @error('email') is-invalid @enderror"  name="email"  required autocomplete="email" autofocus placeholder="@lang('site.enter-email')" value="{{ old('email') }}">
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div><!-- form-group -->

                            <div class="form-group">
                                <label>@lang('site.telephone')</label>
                                <input type="text" class="form-control @error('telephone') is-invalid @enderror"  name="telephone"  required autocomplete="telephone" autofocus placeholder="@lang('site.enter-telephone')" value="{{ old('telephone') }}">
                                @error('telephone')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div><!-- form-group -->
                            <div class="form-group  {{ $errors->has('gender') ? 'has-error' : ''}}">
                                <label for="gender" class="control-label">@lang('site.gender')</label>
                                <select  required name="gender" class="form-control" id="gender" >
                                    <option></option>
                                    @foreach (getGenders() as $optionKey => $optionValue)
                                        <option value="{{ $optionKey }}" {{ (null !== old('gender') && old('gender') == $optionKey) ? 'selected' : ''}}>{{ $optionValue }}</option>
                                    @endforeach
                                </select>
                                {!! clean( $errors->first('gender', '<p class="help-block">:message</p>') ) !!}
                            </div>
                            <div class="form-group">
                                <label>@lang('site.password')</label>
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required  autocomplete="off"  placeholder="@lang('site.enter-password')">
                                <div class="progress mt-2">
                                    <div class="progress-bar" role="progressbar" id="password-strength-meter"></div>
                                </div>
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror

                            </div><!-- form-group -->

                            <div class="form-group">
                                <label>@lang('site.confirm-password')</label>
                                <input placeholder="@lang('site.confirm-your-password')" type="password" class="form-control @error('password_confirmation') is-invalid @enderror"  name="password_confirmation"  required  value="{{ old('password_confirmation') }}">
                                @error('password_confirmation')
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div><!-- form-group -->


                            @foreach($groups as $group)
                                <h5>{{ $group->name }}</h5>

                                @foreach($group->employerFields()->where('enabled',1)->orderBy('sort_order')->get() as $field)