(function () {
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.hzby-media-upload').forEach(function (btn) {
      btn.addEventListener('click', function (e) {
        e.preventDefault();
        var target = document.querySelector(btn.getAttribute('data-target'));
        var preview = document.querySelector(btn.getAttribute('data-preview'));
        var frame = wp.media({
          title: '选择图片',
          button: { text: '确定' },
          multiple: false
        });
        frame.on('select', function () {
          var attachment = frame.state().get('selection').first().toJSON();
          target.value = attachment.url;
          preview.src = attachment.url;
          preview.style.display = 'block';
        });
        frame.open();
      });
    });

    document.querySelectorAll('.hzby-media-remove').forEach(function (btn) {
      btn.addEventListener('click', function (e) {
        e.preventDefault();
        var target = document.querySelector(btn.getAttribute('data-target'));
        var preview = document.querySelector(btn.getAttribute('data-preview'));
        target.value = '';
        preview.src = '';
        preview.style.display = 'none';
      });
    });
  });
})();