<script src="/admin/app-assets/js/core/libraries/jquery.min.js"></script>
<script src="/admin/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="/admin/app-assets/js/scripts/forms/select/form-select2.js"></script>
<script>
  $(document).ready(function () {

    function validateInput(input) {
      
    const i18n = {
      common: {
        emptyField: "<%= i18n.__('common.emptyField') %>",
        minLength: "<%= i18n.__('common.minLength', { minLength: '{{minLength}}' }) %>",
      }
    };

    try {
      const trimmedValue = input.value.trim();
      const minLength = 2;
      const emptyMessage = i18n.common.emptyField;
      const minLengthMessage = i18n.common.minLength.replace('{{minLength}}', minLength);
      const feedback = input.nextElementSibling;

      console.log(feedback , "feedback")
    if (trimmedValue.length < minLength) {
        feedback.textContent = minLengthMessage;
        input.classList.add('is-invalid');
        input.style.border = '1px solid red';
       // input.setCustomValidity(minLengthMessage);
      } else {
        feedback.textContent = ''; // Clear feedback
        input.classList.remove('is-invalid');
        input.style.border = '';
       // input.setCustomValidity('');
      }

      // input.reportValidity();
    } catch (error) {
      console.error("Validation error:", error);
    }

  }


    $(document).on("submit", "#addPartner", function (e) {
      e.preventDefault();

      let confirm = "<%=i18n.__('common.add')%>";
      let objData = new FormData(this);

      $.each($("#upload_image")[0].files, function (i, file) {
        objData.append("image", file[0]);
      });

      let data = $(this).serializeArray();
      $.each(data, function (i, v) {
        if (v.name == "options") {
          objData.options.push(v.value);
        } else {
          objData[v.name] = v.value;
        }
      });
      ajaxUpload($(this), objData, "uploadWithImage", confirm);
    });

    $(document).on("submit", "#editPartner", function (e) {
      e.preventDefault();

      let confirm = "<%=i18n.__('common.edit')%>";

      let objData = new FormData(this);

      $.each($("#upload_image")[0].files, function (i, file) {
        objData.append("image", file[0]);
      });

      let data = $(this).serializeArray();
      $.each(data, function (i, v) {
        if (v.name == "options") {
          objData.options.push(v.value);
        } else {
          objData[v.name] = v.value;
        }
      });

      ajaxUpload($(this), objData, "uploadWithImage", confirm);
    });
  });
</script>
