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

@section('content')

    <div class="az-signin-wrapper">

        <div class="az-card-signin">

                    <a  href="{{ route('homepage') }}">
                        @if(!empty(setting('image_logo')))
                            <div class="brand-logo">
                                <img  class="logo"   src="{{ asset(setting('image_logo')) }}"   >
                            </div>
                        @else
                            <h1 class="az-logo">{{ setting('general_site_name') }}</h1>
                        @endif
                    </a>


                    <div class="az-signin-header">
                        <h3>@lang('site.employer-registration')</h3>
                        <h6>@lang('site.create-employer-account')</h6>

                        @include('partials.flash_message')

                        <form  id="register-form"  method="post" action="{{ route('register.save-employer') }}"  enctype="multipart/form-data">
                            @csrf

                            <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)