{% extends "pretix_event_analytics/base.html" %}
{% load i18n money analytics_tags %}
{% block section %}
{% if not data.total_orders %}
<div class="pa-panel"><div class="pa-empty">{% trans "No orders match the current filters." %}</div></div>
{% else %}

<h3 class="pa-section-title">{% trans "Where buyers come from" %}{% if data.local_pct is not None %}<small>{% blocktrans with p=data.local_pct %}{{ p }}% local{% endblocktrans %}</small>{% endif %}</h3>
<div class="pa-controls">
  <div><span class="pa-label">{% trans "Countries" %}</span>
    <span class="pa-seg">
      <a href="?{% qs_with countries='exact' %}" class="{% if data.country_mode == 'exact' %}active{% endif %}" title="{% trans 'Only countries the buyer or their payment stated' %}">{% trans "Exact" %}</a>
      <a href="?{% qs_with countries='inferred' %}" class="{% if data.country_mode == 'inferred' %}active{% endif %}" title="{% trans 'Plus the country of the same customer on their other orders' %}">{% trans "+ inferred" %}</a>
      <a href="?{% qs_with countries='probable' %}" class="{% if data.country_mode == 'probable' %}active{% endif %}" title="{% trans 'Plus the buyer’s nationality, the paying bank’s country (card issuer, IBAN) and the e-mail domain (.pt, .es …)' %}">{% trans "+ probable" %}</a>
    </span>
  </div>
</div>
<div class="pa-grid">
  {% trans "Orders by country" as ct %}
  {% include "pretix_event_analytics/_chart.html" with chart=data.country_chart title=ct size="tall" %}
  <div class="pa-panel">
    <div class="pa-panel-head"><div class="pa-panel-title">{% trans "Countries" %}</div></div>
    <div class="pa-panel-body flush pa-table-wrap pa-scroll"><table class="table pa-table">
      <thead><tr><th>{% trans "Country" %}</th><th class="num">{% trans "Orders" %}</th><th class="num">{% trans "Tickets" %}</th><th class="num">{% trans "Revenue" %}</th><th class="num">{% trans "Avg order" %}</th><th class="num">{% trans "Returning" %}</th></tr></thead>
      <tbody>{% for c in data.countries %}<tr>
        <td>{{ c.flag }} {{ c.name }}</td><td class="num">{{ c.orders }} <span class="text-muted">{{ c.share }}%</span></td>
        <td class="num">{{ c.tickets }}</td><td class="num">{{ c.revenue|money:currency }}</td><td class="num">{{ c.aov|money:currency }}</td><td class="num">{{ c.returning_pct }}%</td></tr>{% endfor %}</tbody>
    </table></div>
  </div>
</div>

<div class="pa-grid">
  <div class="pa-panel">
    <div class="pa-panel-head"><div><div class="pa-panel-title">{% trans "How the country is known" %}</div>
      <div class="pa-panel-note">{% trans "First available source per order. Exact = what the buyer stated (or a residence document). Italic sources describe a bank or document, not necessarily where the buyer lives. Inferred and probable countries are shown only when switched on above." %}</div></div></div>
    <div class="pa-panel-body flush"><table class="table pa-table">
      <thead><tr><th>{% trans "Source" %}</th><th class="num">{% trans "Orders" %}</th></tr></thead>
      <tbody>{% for r in data.country_sources %}<tr><td>{% if r.indirect %}<em>{{ r.label }}</em>{% else %}{{ r.label }}{% endif %}{% if r.tier == "inferred" %} <span class="pa-tag">{% trans "inferred" %}</span>{% elif r.tier == "probable" %} <span class="pa-tag">{% trans "probable" %}</span>{% endif %}</td>
        <td class="num"><span class="pa-bar-cell">{{ r.orders }} <span class="text-muted">{{ r.share }}%</span><span class="pa-minibar"><i data-bar="{{ r.share|floatformat:0 }}"></i></span></span></td></tr>{% endfor %}</tbody>
    </table></div>
  </div>
  {% if data.travel %}
  <div class="pa-panel">
    <div class="pa-panel-head"><div><div class="pa-panel-title">{% trans "Travelling from" %}</div>
      <div class="pa-panel-note">{% blocktrans with p=data.travel_coverage %}Answers to the “travelling from” question ({{ p }}% of orders){% endblocktrans %}</div></div></div>
    <div class="pa-panel-body flush"><table class="table pa-table">
      <thead><tr><th>{% trans "Country" %}</th><th class="num">{% trans "Orders" %}</th></tr></thead>
      <tbody>{% for c in data.travel %}<tr><td>{{ c.flag }} {{ c.name }}</td>
        <td class="num"><span class="pa-bar-cell">{{ c.n }} <span class="text-muted">{{ c.share }}%</span><span class="pa-minibar"><i data-bar="{{ c.share|floatformat:0 }}"></i></span></span></td></tr>{% endfor %}</tbody>
    </table></div>
  </div>
  {% endif %}
  {% if data.nationalities %}
  <div class="pa-panel">
    <div class="pa-panel-head"><div><div class="pa-panel-title">{% trans "Nationality" %}</div>
      <div class="pa-panel-note">{% blocktrans with p=data.nationality_coverage n=data.nationality_known %}Per ticket holder, where known ({{ n }} tickets, {{ p }}%): a nationality question, or an ID document that proves citizenship. Kept apart from where people live.{% endblocktrans %}{% for r in data.nationality_sources %}{% if forloop.first %} {% endif %}{{ r.label }}: {{ r.n }}{% if not forloop.last %} · {% endif %}{% endfor %}</div></div></div>
    <div class="pa-panel-body flush"><table class="table pa-table">
      <thead><tr><th>{% trans "Nationality" %}</th><th class="num">{% trans "Tickets" %}</th></tr></thead>
      <tbody>{% for c in data.nationalities %}<tr><td>{{ c.flag }} {{ c.name }}</td>
        <td class="num"><span class="pa-bar-cell">{{ c.n }} <span class="text-muted">{{ c.share }}%</span><span class="pa-minibar"><i data-bar="{{ c.share|floatformat:0 }}"></i></span></span></td></tr>{% endfor %}</tbody>
    </table></div>
  </div>
  {% endif %}
</div>

{% if data.cities %}
<div class="pa-panel">
  <div class="pa-panel-head"><div><div class="pa-panel-title">{% trans "Top cities" %}</div>
    <div class="pa-panel-note">{% blocktrans with p=data.city_coverage %}From invoice addresses ({{ p }}% of orders include a city){% endblocktrans %}</div></div></div>
  <div class="pa-panel-body flush pa-table-wrap pa-scroll"><table class="table pa-table">
    <thead><tr><th>{% trans "City" %}</th><th class="num">{% trans "Orders" %}</th><th class="num">{% trans "Tickets" %}</th><th class="num">{% trans "Revenue" %}</th><th class="num">{% trans "Returning" %}</th></tr></thead>
    <tbody>{% for c in data.cities %}<tr><td>{{ c.flag }} {{ c.name }}</td>
      <td class="num"><span class="pa-bar-cell">{{ c.orders }} <span class="text-muted">{{ c.share }}%</span><span class="pa-minibar"><i data-bar="{{ c.share|floatformat:0 }}"></i></span></span></td>
      <td class="num">{{ c.tickets }}</td><td class="num">{{ c.revenue|money:currency }}</td><td class="num">{{ c.returning_pct }}%</td></tr>{% endfor %}</tbody>
  </table></div>
</div>
{% endif %}

<h3 class="pa-section-title">{% trans "Who they are" %}</h3>
<div class="pa-grid">
  {% if data.age_chart %}
    {% trans "Age" as at %}
    {% blocktrans with n=data.age_known b=data.age_basis asvar an %}Age on the event date, from {{ n }} {{ b }} with a birth date.{% endblocktrans %}
    {% if data.age_confirmed %}{% blocktrans with n=data.age_confirmed asvar af %}{{ n }} buyers confirmed they are 18 or older.{% endblocktrans %}{% endif %}
    {% include "pretix_event_analytics/_chart.html" with chart=data.age_chart title=at note=an foot=af %}
  {% endif %}
  {% trans "Group size" as gt %}
  {% blocktrans with a=data.avg_group asvar gn %}{{ a }} tickets per order on average{% endblocktrans %}
  {% include "pretix_event_analytics/_chart.html" with chart=data.group_chart title=gt note=gn %}
  {% trans "Checkout language" as lt %}
  {% include "pretix_event_analytics/_chart.html" with chart=data.language_chart title=lt size="short" %}
  <div class="pa-panel">
    <div class="pa-panel-head"><div class="pa-panel-title">{% trans "Payment methods" %}</div></div>
    <div class="pa-panel-body flush"><table class="table pa-table">
      <thead><tr><th>{% trans "Method" %}</th><th class="num">{% trans "Orders" %}</th><th class="num">{% trans "Revenue" %}</th><th class="num">{% trans "Avg order" %}</th></tr></thead>
      <tbody>{% for p in data.payments %}<tr><td>{{ p.label }}</td>
        <td class="num"><span class="pa-bar-cell">{{ p.orders }} <span class="text-muted">{{ p.share }}%</span><span class="pa-minibar"><i data-bar="{{ p.share|floatformat:0 }}"></i></span></span></td>
        <td class="num">{{ p.revenue|money:currency }}</td><td class="num">{{ p.aov|money:currency }}</td></tr>{% endfor %}</tbody>
    </table></div>
  </div>
</div>

<h3 class="pa-section-title">{% trans "Buyer personas" %}<small>{{ data.persona_note }}</small></h3>
<div class="pa-panel">
  <div class="pa-panel-body flush pa-table-wrap"><table class="table pa-table">
    <thead><tr><th>{% trans "Persona" %}</th><th class="num">{% trans "Orders" %}</th><th class="num">{% trans "Tickets" %}</th><th class="num">{% trans "Revenue" %}</th><th class="num">{% trans "Avg order" %}</th><th class="num">{% trans "Returning" %}</th><th class="num">{% trans "Bought add-ons" %}</th></tr></thead>
    <tbody>{% for p in data.personas %}<tr><td><strong>{{ p.label }}</strong></td><td class="num">{{ p.orders }}</td><td class="num">{{ p.tickets }}</td>
      <td class="num">{{ p.revenue|money:currency }}</td><td class="num">{{ p.aov|money:currency }}</td><td class="num">{{ p.returning_pct }}%</td><td class="num">{{ p.addon_pct }}%</td></tr>{% endfor %}</tbody>
  </table></div>
</div>

{% if data.caravan %}
<h3 class="pa-section-title">{% trans "Caravans & camping" %}<small>{% blocktrans with n=data.caravan.count p=data.caravan.pct %}{{ n }} orders ({{ p }}%) with a caravan pass{% endblocktrans %}</small></h3>
{% trans "Vehicle length" as vt %}
{% include "pretix_event_analytics/_chart.html" with chart=data.caravan.chart title=vt size="short" %}
{% endif %}

{% endif %}
{% endblock %}