<style>
      #captcha {
          background-color: #d0d0d0;
      }
  
      #captcha2 {
          background-color: #d0d0d0;
      }
  </style>

  <div id="reg" class="modal">
      <div class="modal__body">
          <div class="modal__title left">Регистрация</div>

          <div class="notify notify_red" style="display:none" id="block-info">
              <svg>
                  <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
              </svg><br>
              <span id="messages_error_reg" name="messages_error_reg"></span>
          </div>

          <div class="modal__tabs">
              <button type="button" class="modal__tabs-item button button_light active" data-tab="1">Кандидат</button>
              <button type="button" class="modal__tabs-item button button_light" data-tab="2">Работодатель</button>
          </div>

          <div class="modal__reg showed" data-body="1" id="form1" name="form1" onsubmit="-validateCaptcha()">
              <input type="hidden" name="is_worker" id="is_worker" value="1"/>

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Электронная почта</label>
                  <div class="form-group__item">

                      <input type="email" id="email_worker" name="email_worker" class="input" placeholder="info@rekamore.su" required>

                  </div>
              </div>

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Пароль</label>
                  <div class="form-group__item">

                      <input type="password" id="password_worker" name="password_worker" class="input" placeholder="**********" required>

                      <button type="button" class="eye">
                          <svg class="js-password-show">

                              <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>

                          </svg>
                          <svg class="js-password-hide">

                              <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>

                          </svg>
                      </button>
                  </div>
              </div>

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Подтвердить пароль</label>
                  <div class="form-group__item">

                      <input type="password" name="password_confirmation_worker" id="password_confirmation_worker" class="input" placeholder="**********" required>

                      <button type="button" class="eye">
                          <svg class="js-password-show">

                              <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>

                          </svg>
                          <svg class="js-password-hide">

                              <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>

                          </svg>
                      </button>
                  </div>
              </div>

              <div class="modal__reg-item form-group">

                  <label class="form-group__label">Фамилия</label>

                  <div class="form-group__item">

                      <input type="text" id="surname_worker" name="surname_worker" class="input" placeholder="Шестаков" required>
                  </div>
              </div>
  
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Имя</label>
                  <div class="form-group__item">
                      <input type="text" id="name_man_worker" name="name_man_worker" class="input" placeholder="Андрей" required>

                  </div>
              </div>

              <div class="modal__reg-item form-group">

                  <label class="form-group__label">Отчество</label>

                  <div class="form-group__item">

                      <input type="text" id="surname2_worker" name="surname2_worker" class="input" placeholder="Васильевич">

                  </div>
              </div>

              <!--

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Должность</label>
                  <div class="form-group__item">
                      <input type="text" class="input" placeholder="Палуба" required>
                  </div>

              </div>-->
  
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Должность</label>
                  <div class="form-group__item">
                      <div class="select">
                          <select class="js-select2" name="job_titles_worker" id="job_titles_worker">
                              <option selected>Не указано</option>
                              @if ($Job_titles->count())
                                  @foreach($Job_titles as $it)
                                      <option value="{{ $it->id }}">{{ $it->name }}</option>
                                  @endforeach
                              @endif
                          </select>
                      </div>
                  </div>

              </div>

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Номер телефона</label>
                  <div class="form-group__item">

                      <input type="tel" name="telephone_worker" id="telephone_worker" class="input" placeholder="+7 (___) ___-__-__" required>

                  </div>
              </div>

              <!--<div class="modal__reg-item">

                  <img src="images/catpcha.jpg" alt="" class="captcha">

              </div>-->

              <div id="captcha1" style="width:190px" class="modal__reg-item form-group">321</div>
              <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox1" style="width: 100%"/>

              <div class="modal__reg-item">
                  <label class="checkbox">

                      <input type="checkbox" name="politik" id="politik" value="1" class="checkbox__input">

                      <span class="checkbox__icon">
                                  <svg>

                                      <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>

                                  </svg>
                              </span>
                      <span class="checkbox__text">

                          <span>
                              Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a>
                          </span>
                      </span>

                  </label>
              </div>

              <button type="submit" id="button_reg_worker" name="button_reg_worker" class="button">Зарегистрироваться</button>

          </div>

          <div class="modal__reg" data-body="2" id="form2" name="name2" onsubmit="_validateCaptcha2()">

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Электронная почта</label>
                  <div class="form-group__item">

                      <input type="email" id="email_employer" name="email_employer" class="input" placeholder="info@rekamore.su" required>

                  </div>
              </div>
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Пароль</label>
                  <div class="form-group__item">

                      <input type="password" id="password_employer" name="password_employer" class="input" placeholder="**********" required>

                      <button type="button" class="eye">
                          <svg class="js-password-show">

                              <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>

                          </svg>
                          <svg class="js-password-hide">

                              <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>

                          </svg>
                      </button>
                  </div>
              </div>
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Подтвердить пароль</label>
                  <div class="form-group__item">

                      <input type="password" id="password_confirmation_employer" name="password_confirmation_employer" class="input" placeholder="**********" required>

                      <button type="button" class="eye">
                          <svg class="js-password-show">

                              <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>

                          </svg>
                          <svg class="js-password-hide">

                              <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>

                          </svg>
                      </button>
                  </div>
              </div>

              <div class="modal__reg-item form-group">

                  <label class="form-group__label">Фамилия работодателя</label>
                  <div class="form-group__item">
                      <input type="text" id="surname_employer" name="surname_employer" class="input" placeholder="Шестаков" required>
                  </div>
              </div>
  
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Имя работодателя</label>
                  <div class="form-group__item">
                      <input type="text" id="name_man_employer" name="name_man_employer" class="input" placeholder="Андрей" required>
                  </div>
              </div>
  
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Отчество работодателя</label>

                  <div class="form-group__item">

                      <input type="text" id="surname2_employer" name="surname2_employer" class="input" placeholder="Васильевич">

                  </div>
              </div>

              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Название судоходной компании</label>
                  <div class="form-group__item">

                      <input type="text" name="company_employer" id="company_employer" class="input" placeholder="ООО Река Море" required>

                  </div>
              </div>

  
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Номер телефона</label>
                  <div class="form-group__item">
                      <input type="tel" name="telephone_employer" id="telephone_employer" class="input" placeholder="+7 (___) ___-__-__" required>
                  </div>

              </div>

              <!--<div class="modal__reg-item">
                  <img src="images/catpcha.jpg" alt="" class="captcha">
              </div>-->

              <div id="captcha2" style="width:190px" class="modal__reg-item form-group">123</div>
              <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox2" style="width: 100%"/>

              <div class="modal__reg-item">
                  <label class="checkbox">

                      <input type="checkbox" name="politik_employer" id="politik_employer" value="1" class="checkbox__input" required>

                      <span class="checkbox__icon">
                                  <svg>

                                      <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>

                                  </svg>
                              </span>
                      <span class="checkbox__text">

                          <span>
                              Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a>
                          </span>
                      </span>

                  </label>
              </div>

              <button type="submit" id="button_reg_employer" name="button_reg_employer" class="button">Зарегистрироваться</button>

          </div>

          <div class="modal__text">
              <span>Вспомнили пароль?</span>
              &nbsp;

              <a data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a>

          </div>
      </div>
  </div>