{% load i18n %}
{% block cell-content %}
  <div class="wcs-tracking-code-input">
    <h2 class="cell--title">{% trans 'Tracking Code' %}</h2>
    <p>
      Un code de suivi peut être associé à vos demandes, il vous facilite les échanges avec les services.
      <span class="desktop-only">Pour retrouver une demande disposant d’un code de suivi, indiquez ce
        dernier ci-dessous :</span>
    </p>
    <form data-wcs-url="{{ url }}" method="post" action="{{ site_base }}{% url 'wcs-tracking-code' %}">
      <input id="_cell_url_{{ cell.id }}" name="url" value="" type="hidden"/>
      <input name="cell" value="{{ cell.id }}" type="hidden"/>
      <div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
        <p class="pk-notice--title">{% trans "Error" %}</p>
        <p>{% trans "The tracking code could not been found." %}</p>
      </div>
      <input required aria-label="{% trans "Tracking Code" %}" title="{% trans "Tracking Code" %}" class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
      <button>OK</button>
      <script>
        $(function() {
          $('#_cell_url_{{ cell.id }}').val(window.location);
          if (window.location.search.indexOf('unknown-tracking-code') != -1) {
            $('#_cell_error_{{ cell.id }}').show();
          }
        });
      </script>
    </form>
  </div>
{% endblock %}