{% extends "advantage/base_advantage.html" %}

{% block title %}Ubuntu Advantage for Blender{% endblock %}
{% block meta_description %}The support offering will include Blender LTS releases across Linux distributions, Microsoft Windows, and macOS. Canonical's engineers will engage directly with customers to provide comprehensive technical support to users by understanding, diagnosing and resolving issues as swiftly as possible. Canonical will manage the entire support process including integration with Blender’s support infrastructure.{% endblock %}

{% block content %}

<div id="react-root">
  <section class="p-strip u-no-padding--top">
    <div class="row">
      <div class="col-12 u-no-margin--bottom p-card"><i class="p-icon--spinner u-animation--spin"></i> Loading&hellip;</div>
    </div>
  </section>
</div>

<script
  src="{{ versioned_static('js/dist/blender.js') }}"
  type="module"
  defer
></script>

<script>
  window.blenderProductList = {
    {% for listing_id, listing in product_listings.items() %}
      "{{ listing.product.id }}-{{ listing.period }}": {
        id: "{{ listing.product.id }}-{{ listing.period }}",
        longId: "{{ listing.id }}",
        name: "{{ listing.product.name }}",
        price: {
          value: {{ listing.price }},
          currency: "{{ listing.currency }}"
        },
        period: "{{ listing.period }}",
        productID: "{{ listing.product.id }}",
        canBeTrialled: false,
        private: false,
        marketplace: "blender",
      },
    {% endfor %}
  };

  window.accountId = "{% if account %}{{ account.id }}{% endif %}";
  window.isLoggedIn = {% if user_info %}true{% else %}false{% endif %};
  window.isTrialling = false;
  window.accountName = "{% if account %}{{ account.name }}{% endif %}";
  window.previousPurchaseIds = {
    {% for period, id in previous_purchase_ids.items() %}
      "{{ period }}": "{{ id }}",
    {% endfor %}
  }

  window.stripePublishableKey = "{{ get_stripe_publishable_key }}";
</script>

{% endblock content %}