{% extends "wiki/base.html" %}

{% from "wiki/includes/sidebar_modules.html" import document_tools, document_notifications, related_products_sidebar with context %}
{% from "wiki/includes/document_macros.html" import contributor_list,
                                                    document_title,
                                                    document_messages,
                                                    document_content,
                                                    inpage_contact_cta,
                                                    topic_list,
                                                    related_documents,
                                                    document_metadata with context %}
{% from "wiki/includes/document_macros.html" import vote_form with context %}
{% from "includes/common_macros.html" import download_firefox, sumo_banner %}
{% from "questions/includes/aaq_macros.html" import aaq_widget %}
{% set classes = 'document' %}
{% set canonical_url = canonicalize(model_url=document.get_absolute_url()) %}
{% set default_slug = document.parent.slug if document.parent else document.slug %}
{% set scripts = ('document',) %}
{% if document.is_switching_devices_document %}
  {% set scripts = scripts + ('switching-devices',) %}
{% endif %}
{% set extra_body_attrs = {"data-document-id": document.id} %}
{% set ga_content_group = "kb-article" %}
{% set ga_default_slug = default_slug %}

{% block title %}
  {{ document.title }} | {% if not products or products|count > 1 %}{{ pgettext('site_title', 'Mozilla Support') }}{% else %}{{ _('{product} Help')|f(product=pgettext('DB: products.Product.title', product.title)) }}{% endif %}
{% endblock %}

{% if request.LANGUAGE_CODE != settings.WIKI_DEFAULT_LANGUAGE %}
  {# If we are on a non default locale, use default locale's slug for Google Analytics tracking. #}
  {% set ga_alternate_url = url('wiki.document', default_slug) %}
{% endif %}

{% if document.parent %}
  {# If there is a parent doc, use it's URL for switching locales. #}
  {% set localizable_url = url('wiki.document', document.parent.slug, locale=settings.WIKI_DEFAULT_LANGUAGE) %}
{% endif %}

{% set meta = [] %}

{% if document.is_hidden_from_search_engines %}
  {% set meta = meta + [('robots', 'noindex')] %}
{% endif %}

{% if document.current_revision and document.current_revision.summary %}
  {% set meta = meta + [('description', document.current_revision.summary)] %}
{% endif %}

{% block breadcrumbs %}
  {{ breadcrumbs(breadcrumb_items, id='main-breadcrumbs') }}
{% endblock %}

{% block side %}
  <div class="search-form-sidebar large-only">
    {{ search_box(settings, id='support-search-sidebar', params=search_params) }}
  </div>

  {% if show_aaq_widget %}
    {{ aaq_widget(request) }}
  {% endif %}

  {% if fallback_reason == 'no_translation' %}
    {# If there is no translation, there is no document and the (future) parent is document. #}
    {% set doc = None %}
    {% set parent = document %}
  {% else %}
    {% set doc = document %}
    {% set parent = doc.parent %}
  {% endif %}
  {{ document_tools(doc, parent, user, 'article', settings, include_showfor=True) }}
{% endblock %}

{% block content %}
  <section id="document-list">
    <header class="sumo-article-header kb-header">
      <div class="sumo-article-header--text">
        <div class="documents-product-title">
          {% set prod_url = url('products.product', slug=product.slug) %}
          <a href="{{ prod_url }}" title="{{ pgettext('DB: products.Product.title', product.title) }}">
            <img src="{{ product.image_alternate_url }}" height="48" width="48" alt="" />
          </a>
          {% if product.slug == 'firefox' %}
            {{ download_firefox() }}
          {% endif %}
        </div>
        {{ document_title(document) }}
      </div>
    </header>

    {% if document.is_restricted %}
      <div class="warning-box mzp-c-notification-bar mzp-t-warning">
        {{ _('This document is restricted.') }}
      </div>
    {% endif %}
    <article class="wiki-doc">
      {{ document_messages(document, redirected_from) }}
      {% if not document.is_archived %}
        {{ document_metadata(document.current_revision.created, is_first_revision, product_titles, helpful_votes, metadata_type="document") }}
      {% endif %}
      {{ document_content(document, fallback_reason, request, settings, document_css_class, any_localizable_revision, full_locale_name) }}

      {% if document.gets_mozilla_account_cta %}
        {{ inpage_contact_cta(product=product, product_slug='mozilla-account') }}
      {% endif %}

      {% set share_link = document.share_link or (document.parent and document.parent.share_link) %}
      {% if share_link %}
        <p class="share-link">
          <br/>
          {% set link='<a href="' + share_link + '">' + share_link + '</a>' %}
          {{ _('Share this article: {link}')|f(link=link)|safe }}
        </p>
      {% endif %}
    </article>

    <section id="document-vote-wrapper-narrow-screen" class="sumo-page-section">
    </section>

    {{ contributor_list(contributors) }}

    <section class="sumo-page-section">
      {% include "landings/includes/volunteer-callout.html" %}
    </section>

    {% if not document.is_switching_devices_document %}
      {{ related_documents(related_docs) }}
    {% endif %}

  </section>
{% endblock %}

{% block side_bottom %}
<div id="document-vote-wrapper-wide-screen" class="document-vote--sidebar-wrap">
  {# this vote-wrap class is to make the js compatible with old theme. TODO: Remove and fix js. #}
  {{ vote_form(document, 'footer') }}
</div>
{% endblock %}