<script>
(function () {
  // Snippet by Net Impression
  // Resources: https://www.netimpression.co.uk/free-resources
  // Contact:   https://www.netimpression.co.uk/contact

  // === Customisable survey URL ===
  var FEEDBACK_URL = 'https://your-feedback-form-link.com'; // <- change this!

  // === Check if previously dismissed ===
  if (localStorage.getItem('feedbackWidgetDismissed') === 'true') return;

  // === Styles for animation and layout ===
  var style = document.createElement('style');
  style.innerHTML =
    '#feedback-widget { animation: slideInUp 0.5s ease-out; }' +
    '@keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }' +
    '.feedback-button { display: inline-block; padding: 8px 14px; margin-right: 8px; border-radius: 4px; font-size: 13px; text-decoration: none; cursor: pointer; }' +
    '.feedback-yes { background-color: #4a90e2; color: white; border: none; }' +
    '.feedback-maybe { background-color: #e0e0e0; color: #333; border: none; }' +
    '.feedback-close { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 18px; font-weight: bold; cursor: pointer; }';
  document.head.appendChild(style);

  // === Widget HTML ===
  var widget = document.createElement('div');
  widget.innerHTML =
    '<div id="feedback-widget" style="' +
    'position: fixed; bottom: 0; right: 30px; width: 300px; background: #fff; border: 2px solid #8b95a1;' +
    'border-bottom: none; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0 -2px 10px rgba(0,0,0,0.1);' +
    'font-family: Arial, sans-serif; z-index: 2147483647;">' +
    '<a href="https://www.netimpression.co.uk/" target="_blank" style="display: block; padding: 8px 16px 0;">' +
    '<img src="https://i.imgur.com/NQpOuVP.png" alt="Net Impression Logo" style="max-width: 120px; height: auto;" />' +
    '</a>' +
    '<button class="feedback-close" aria-label="Close">×</button>' +
    '<div style="padding: 16px; padding-top: 8px;">' +
    '<p style="margin: 0 0 12px; font-size: 14px; color: #333;">Help us improve! Would you like to answer a few quick questions?</p>' +
    '<div>' +
    '<button class="feedback-button feedback-yes">Yes</button>' +
    '<button class="feedback-button feedback-maybe">Maybe later</button>' +
    '</div>' +
    '</div>' +
    '</div>';
  document.body.appendChild(widget);

  // === Button logic ===
  widget.querySelector('.feedback-close').addEventListener('click', function () {
    localStorage.setItem('feedbackWidgetDismissed', 'true');
    widget.parentNode.removeChild(widget);
  });

  widget.querySelector('.feedback-yes').addEventListener('click', function () {
    window.open(FEEDBACK_URL, '_blank');
    localStorage.setItem('feedbackWidgetDismissed', 'true');
    widget.parentNode.removeChild(widget);
  });

  widget.querySelector('.feedback-maybe').addEventListener('click', function () {
    localStorage.setItem('feedbackWidgetDismissed', 'true');
    widget.parentNode.removeChild(widget);
  });

  // Credit
  console.log('Code on this page was developed by www.netimpression.co.uk 🚀');
})();
</script>