{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% block title %}{% trans "Share & embed" %}{% endblock %}
{% block content %}
  <h1>{% trans "Share & embed" %}</h1>
  <p class="text-muted">
    {% trans "Push this event to your own website and socials. Every link carries UTM + affiliate tags, so sales attribute back to the Intelligence dashboard automatically." %}
  </p>

  <h3>{% trans "Hosted page" %}</h3>
  <div class="form-group">
    <input class="form-control" readonly onclick="this.select()" value="{{ event_url }}">
  </div>

  <h3>{% trans "Embed on your website" %}</h3>
  <p class="text-muted">{% trans "Paste this where you want the ticket picker + checkout to appear. It runs inline — customers never leave your site." %}</p>
  <textarea class="form-control" rows="6" readonly onclick="this.select()">{{ snippet }}</textarea>

  <h3 style="margin-top:1.5em">{% trans "Tracked share links" %}</h3>
  <table class="table">
    <thead><tr><th>{% trans "Channel" %}</th><th>{% trans "Link" %}</th></tr></thead>
    <tbody>
      {% for label, link in links %}
        <tr>
          <td>{{ label }}</td>
          <td><input class="form-control input-sm" readonly onclick="this.select()" value="{{ link }}"></td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

  <h3>{% trans "Reseller / channel feed" %}</h3>
  <p class="text-muted">{% trans "Give Skiddle / Fever / Google Things-to-do this feed to syndicate the event (read-only, no personal data)." %}</p>
  <div class="form-group">
    <input class="form-control" readonly onclick="this.select()" value="{{ feed_url }}">
  </div>

  <div class="alert alert-info" style="margin-top:1em">
    {% trans "Rich previews are automatic: Open Graph, Twitter Card and schema.org Event tags are injected into this event's page, so the link unfurls with your artwork on Instagram / Facebook / WhatsApp and can appear in Google's events." %}
  </div>
{% endblock %}