{% extends "download/_base_download.html" %}

{% block title %}Thank you {{ "for downloading Ubuntu Desktop" if version else "for your contribution" }}{% endblock %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/187Vg9I0Jjlp1_yAjYtHdoEwFCJeVOaz9Kzeb6kptMpA
{% endblock meta_copydoc %}

{% block body_class %}
  is-paper
{% endblock body_class %}

{% block head_extra %}<meta name="robots" content="noindex" />{% endblock %}

{% block content_experiment %}
  <style>
    .async-hide {
      opacity: 0 !important
    }
  </style>
  <script>
    (function(a, s, y, n, c, h, i, d, e) {
      s.className += ' ' + y;
      h.start = 1 * new Date;
      h.end = i = function() {
        s.className = s.className.replace(RegExp(' ?' + y), '');
      };
      (a[n] = a[n] || []).hide = h;
      setTimeout(function() {
        i();
        h.end = null;
      }, c);
      h.timeout = c;
    })(window, document.documentElement, 'async-hide', 'dataLayer', 1000, {
      'GTM-N2MDH37': true
    });
  </script>
{% endblock %}

{% block content %}

  {% if version %}
    {% if architecture == 'amd64+mac' %}
      <meta http-equiv="refresh"
            content="3;url=https://cdimage.ubuntu.com/releases/{{ version }}/release/ubuntu-{{ version }}-desktop-amd64+mac.iso" />
    {% else %}
      <noscript>
        <meta http-equiv="refresh"
              content="3;url=https://releases.ubuntu.com/{{ version }}/ubuntu-{{ version }}-desktop-{{ architecture }}.iso" />
      </noscript>
    {% endif %}
  {% endif %}

  <section class="p-strip is-shallow u-no-padding--bottom">
    <div class="row--50-50">
      <div class="col">
        {% if version %}
          <h1>Thank you for downloading Ubuntu Desktop {{ version }}{{ " LTS" if lts }}</h1>
          <p>
            Your download should start automatically. If it doesn't,
            {% if architecture == 'amd64+mac' %}
              <a href="https://cdimage.ubuntu.com/releases/{{ version }}/release/ubuntu-{{ version }}-desktop-amd64+mac.iso">download
                now</a>.
              {% else %}
                <a href="https://releases.ubuntu.com/{{ version }}/ubuntu-{{ version }}-desktop-{{ architecture }}.iso">download
                  now</a>.
                {% endif %}
                <br />
                You can <a href="/tutorials/tutorial-how-to-verify-ubuntu">verify your download</a>, or <a href="/tutorials/install-ubuntu-desktop">get help installing</a>.
              </p>
            {% else %}
              <h1>Thank you for your contribution</h1>
              <p>It will help further the open source development of Ubuntu.</p>
            {% endif %}
          </div>
          <div class="col">
            {% with returnUrl="/download/desktop", ga_event_title="Ubuntu Desktop download" %}
              {% include 'shared/_download-newsletter.html' %}
            {% endwith %}
          </div>
        </div>
      </section>

      {% include "download/shared/_downloads-resources.html" %}

      {% include "download/shared/_secure-enterprise-management.html" %}

      {% include "download/shared/_more-from-canonical.html" %}

      <section class="p-section">
        <hr class="p-rule is-fixed-width" />
        <div class="row--50-50">
          <div class="col">
            <h2>Help us to keep Ubuntu free to download, share and use by contributing to...</h2>
          </div>
          <div class="col">
            <noscript>
              <p>Contributions require JavaScript. Please enable JavaScript if you want to contribute.</p>
            </noscript>
            <form class="contribute__options"
                  action="https://www.paypal.com/cgi-bin/webscr"
                  id="contributions-form"
                  method="post"
                  target="_top">

              <div class="p-section--shallow">
                <div id="community-projects">
                  <p class="p-heading--5 u-no-margin--bottom">Community projects</p>
                  <p>I support LoCo teams, UbuCons and other events, upstream projects and all the good work the community does.</p>
                  <div class="p-slider__wrapper">
                    <label for="amount-community" class="u-off-screen">Contribution to community projects in US dollars</label>
                    <input class="p-slider"
                           min="0"
                           max="125"
                           value="3"
                           step="1"
                           id="amount-community"
                           type="range" />
                    <label for="amount-community-input" class="u-off-screen">
                      Contribution amount to community projects in US dollars
                    </label>
                    <input class="p-slider__input"
                           style="min-width: 4rem"
                           min="0"
                           max="125"
                           id="amount-community-input"
                           name="amount_4"
                           value="3"
                           tabindex="4"
                           type="number" />
                    <input type="hidden" name="item_name_4" value="Community projects" />
                  </div>
                </div>

                <div id="ubuntu-desktop">
                  <p class="p-heading--5 u-no-margin--bottom">Ubuntu Desktop</p>
                  <p>Make the desktop even more amazing.</p>
                  <div class="p-slider__wrapper">
                    <label for="amount-desktop" class="u-off-screen">Contribution to desktop projects in US dollars</label>
                    <input class="p-slider"
                           min="0"
                           max="125"
                           value="3"
                           step="1"
                           id="amount-desktop"
                           type="range" />
                    <label for="amount-desktop-input" class="u-off-screen">Contribution to desktop projects in US dollars</label>
                    <input class="p-slider__input"
                           style="min-width: 4rem"
                           min="0"
                           max="125"
                           id="amount-desktop-input"
                           name="amount_1"
                           value="3"
                           tabindex="1"
                           type="number" />
                    <input type="hidden" name="item_name_1" value="Ubuntu Desktop" />
                  </div>
                </div>

                <div id="tip-to-canonical">
                  <p class="p-heading--5 u-no-margin--bottom">Tip to Canonical</p>
                  <p>Hats off for making Ubuntu possible. Keep it up.</p>
                  <div class="p-slider__wrapper">
                    <label for="amount-canonical" class="u-off-screen">Contribution to canonical projects in US dollars</label>
                    <input class="p-slider"
                           min="0"
                           max="125"
                           value="3"
                           step="1"
                           id="amount-canonical"
                           type="range" />
                    <label for="amount-canonical-input" class="u-off-screen">Contribution to canonical projects in US dollars</label>
                    <input class="p-slider__input"
                           style="min-width: 4rem"
                           min="0"
                           max="125"
                           id="amount-canonical-input"
                           name="amount_5"
                           value="3"
                           tabindex="5"
                           type="number" />
                    <input type="hidden" name="item_name_5" value="Tip to Canonical" />
                  </div>
                </div>

                <div id="ubuntu-for-things">
                  <p class="p-heading--5 u-no-margin--bottom">Ubuntu for IoT</p>
                  <p>I want a secure, upgradeable Internet of Things, powered by Ubuntu.</p>
                  <div class="p-slider__wrapper">
                    <label for="amount-things" class="u-off-screen">Contribution to IOT projects in US dollars</label>
                    <input class="p-slider"
                           min="0"
                           max="125"
                           value="3"
                           step="1"
                           id="amount-things"
                           type="range" />
                    <label for="amount-things-input" class="u-off-screen">Contribution to IOT projects in US dollars</label>
                    <input class="p-slider__input"
                           style="min-width: 4rem"
                           min="0"
                           max="125"
                           id="amount-things-input"
                           name="amount_3"
                           value="3"
                           tabindex="3"
                           type="number" />
                    <input type="hidden" name="item_name_3" value="Ubuntu for things" />
                  </div>
                </div>

                <div id="ubuntu-for-cloud">
                  <p class="p-heading--5 u-no-margin--bottom">Ubuntu Server & Cloud</p>
                  <p>I want Ubuntu Server running my servers, cloud and as a guest everywhere.</p>
                  <div class="p-slider__wrapper">
                    <label for="amount-cloud" class="u-off-screen">Contribution to server and cloud projects in US dollars</label>
                    <input class="p-slider"
                           min="0"
                           max="125"
                           value="3"
                           step="1"
                           id="amount-cloud"
                           type="range" />
                    <label for="amount-cloud-input" class="u-off-screen">Contribution to server and cloud projects in US dollars</label>
                    <input class="p-slider__input"
                           style="min-width: 4rem"
                           min="0"
                           max="125"
                           id="amount-cloud-input"
                           name="amount_2"
                           value="3"
                           tabindex="2"
                           type="number" />
                    <input type="hidden" name="item_name_2" value="Ubuntu for cloud computing" />
                  </div>
                </div>
              </div>

              <hr class="p-rule" />

              <div class="u-clearfix">
                <div class="u-float-left">
                  <p class="u-no-margin--bottom">
                    Your contribution:&nbsp;<span>&#36;<span class="js-total-amount">16</span></span>
                  </p>
                  <p>
                    The same price as <span class="js-equivalent-description">Peace, Love and Linux t-shirt</span>
                  </p>
                </div>
                <div class="u-float-right u-hide--small">
                  <div class="p-image-wrapper u-align-center u-vertically-center">
                    <img alt="T-shirt"
                         src="https://assets.ubuntu.com/v1/b26d26e5-t-shirt.png?w=78"
                         width="78"
                         class="js-equivalent-image u-hide--medium u-hide--small" />
                  </div>
                </div>
              </div>
              <div class="p-section--shallow">
                <input type="hidden" name="cmd" value="_cart" />
                <input type="hidden" name="business" value="donations@ubuntu.com" />
                <input type="hidden" name="lc" value="GB" />
                <input type="hidden" name="upload" value="1" />
                <input type="hidden" name="currency_code" value="USD" />
                <input type="hidden" name="button_subtype" value="services" />
                <input type="hidden" name="no_note" value="1" />
                <input type="hidden" name="no_shipping" value="1" />
                <input type="hidden" name="rm" value="1" />

                <input type="hidden"
                       name="return"
                       value="http://{{ http_host }}/download/desktop/thank-you" />
                <input type="hidden"
                       name="cancel_return"
                       value="http://{{ http_host }}/download/desktop" />

                <input type="hidden"
                       name="bn"
                       value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted" />
                <button type="submit"
                        class="js-contribute-submit p-button--positive u-no-margin--bottom"
                        tabindex="9">Contribute with PayPal</button>
              </div>
            </form>
          </div>
        </div>
      </section>

      {% if version %}

        {% with title_link="/blog/desktop", group_id="1479" %}
          {% include "download/shared/_latest-blogs_download.html" %}
        {% endwith %}

      {% endif %}

    {% endblock content %}

    {% block footer_extra %}
      <script src="{{ versioned_static('js/dist/contributions.js') }}"></script>

      {% if version %}
        <script src="{{ versioned_static('js/dist/image-download.js') }}"></script>
        <script defer>
          var architecture = '{{ architecture }}';
          var version = '{{ version }}';

          if (version && architecture && architecture != 'amd64+mac') {
            var GAlabel = version + '-desktop-' + architecture;
            var imagePath = version + '/ubuntu-' + version + '-desktop-' + architecture + '.iso';

            window.initImageDownload(imagePath, GAlabel);
          }
        </script>
      {% endif %}

    {% endblock footer_extra %}