<div id="reg" class="modal">
      <div class="modal__body">
          <div class="modal__title left">Регистрация</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>
          <form class="modal__reg showed" data-body="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 class="modal__reg-item">
                  <label class="checkbox">

                      <input type="checkbox" name="politik_worker" id="politik_worker" 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_worker" name="button_reg_worker" class="button">Зарегистрироваться</button>

          </form>

          <form class="modal__reg" data-body="2">
              <div class="modal__reg-item form-group">
                  <label class="form-group__label">Электронная почта</label>
                  <div class="form-group__item">
                      <input type="email" 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" class="input" placeholder="**********" required>
                      <button type="button" class="eye">
                          <svg class="js-password-show">
                              <use xlink:href="images/sprite.svg#eye"></use>
                          </svg>
                          <svg class="js-password-hide">
                              <use xlink:href="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" class="input" placeholder="**********" required>
                      <button type="button" class="eye">
                          <svg class="js-password-show">
                              <use xlink:href="images/sprite.svg#eye"></use>
                          </svg>
                          <svg class="js-password-hide">
                              <use xlink:href="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="tel" class="input" placeholder="+7 (___) ___-__-__" required>
                  </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">
                  <img src="images/catpcha.jpg" alt="" class="captcha">
              </div>
              <div class="modal__reg-item">
                  <label class="checkbox">
                      <input type="checkbox" class="checkbox__input" required>
                      <span class="checkbox__icon">
                                  <svg>
                                      <use xlink:href="images/sprite.svg#v"></use>
                                  </svg>
                              </span>
                      <span class="checkbox__text">
                                  <span>
                                      Я согласен(на) с <a href="#">Политикой конфиденциальности</a>
                                  </span>
                              </span>
                  </label>
              </div>

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

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

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

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