Widget Iframe Demo

<iframe
  src="https://votre-domaine.com/widget"
  width="100%"
  height="700"
  frameborder="0"
  title="Créer un ticket"
></iframe>

<!-- Thème clair -->
<iframe
  src="https://votre-domaine.com/widget?theme=light"
  width="100%"
  height="700"
></iframe>

<!-- Thème sombre -->
<iframe
  src="https://votre-domaine.com/widget?theme=dark"
  width="100%"
  height="700"
></iframe>

<div style="position: relative; width: 100%; max-width: 600px;">
  <iframe
    src="https://votre-domaine.com/widget"
    style="width: 100%; height: 700px; border: none; border-radius: 8px;"
    title="Créer un ticket"
  ></iframe>
</div>

<!-- HTML -->
<div id="ticket-widget"></div>

<!-- JavaScript -->
<script>
  // Écouter les événements du widget
  window.addEventListener('message', function(event) {
    if (event.data.type === 'ticket-created') {
      console.log('Ticket créé:', event.data.data);
      // Rediriger ou afficher un message
      alert('Ticket #' + event.data.data.id + ' créé!');
    }
  });

  // Charger le widget
  const iframe = document.createElement('iframe');
  iframe.src = 'https://votre-domaine.com/widget';
  iframe.width = '100%';
  iframe.height = '700';
  iframe.style.border = 'none';
  document.getElementById('ticket-widget').appendChild(iframe);
</script>