<!--HTML--><script>
$(document).ready(function() {
  // Создаём кнопку и вставляем её в нужное место
  const $editBtn = $('<li class="pl-edit-fld2"><a href="#" rel="nofollow">Редактировать звание</a></li>');
  $('.pl-email.pm').before($editBtn);

  // Открытие модального окна и подстановка значения
  $editBtn.on('click', function(e) {
    e.preventDefault();
    
    const currentValue = $('.pa-fld2').html()?.trim() || '';
    // Удалим HTML-теги, если они есть (опционально)
    const cleanedValue = $('<div>').html(currentValue).text();
    
    $('#fld2-input').val(cleanedValue);
    $('#fld2-modal').fadeIn(200);
  });

  // Отправка формы через AJAX
  $('#fld2-form').on('submit', function(e) {
    e.preventDefault();

    const $form = $(this);
    const formData = $form.serialize();

    $.post($form.attr('action'), formData)
      .done(function() {
        alert('Звание обновлено!');
        location.reload();
      })
      .fail(function() {
        alert('Ошибка при отправке формы.');
      });
  });
});
</script>


<div id="fld2-modal" style="display:none; position:fixed; top:20%; left:50%; transform:translateX(-50%); background:#fff; padding:20px; border:1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:9999;">
  <form id="fld2-form" method="post" action="/profile.php?section=fields&id=2">
    <input type="hidden" name="form_sent" value="1">
    <label for="fld2-input"><strong>Личное звание:</strong></label><br>
    <input type="text" name="form[fld2]" id="fld2-input" style="width:100%; margin-top:10px;" value="">
    <div style="margin-top:15px; text-align:right;">
      <input type="submit" class="button" value="Сохранить">
      <button type="button" onclick="$('#fld2-modal').hide()">Отмена</button>
    </div>
  </form>
</div>