{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block title %}Print labels for {{ auction }}{% endblock %}
{% load static %}
{% block content %}
  {% include 'auction_ribbon.html' %}
  <p><small>This page will allow you to print labels for your auction.
    <br>Some tips:<br>
    <ul>
      <li>Set <a href="{% url 'auction_label_config' slug=auction.slug %}">what gets printed on labels</a></li>
      <li>It's often easier to print all labels for a single user on the <a href="{% url 'auction_tos_list' slug=auction.slug %}">users</a> tab</li>
      <li>Encourage users to pre-register lots and print their own labels.  This saves you paper and a lot of time at the registration desk.</li>
      <li>Reprint damaged labels by viewing the lot's page</li>
      <li>Change your <a href="{% url 'printing' %}?next={{ request.path }}">printing preferences</a> to match the type of labels you're printing</li>
    </ul>
    </small></p>
    <p>You've printed {{ printed_labels_count }} out of {{ all_labels_count }} labels in your auction.</p>

    <br>
    {% crispy form %}
{% endblock %}
{% block extra_js %}
<script>
$(document).ready(function() {
  $('#submit-id-submit').on('click', function(event) {
    event.preventDefault();
    var $btn = $(this);
    $btn.prop('disabled', true).text('Generating PDF...');
    var form = $btn.closest('form');

    function getFilenameFromDisposition(disposition) {
      // RFC5987 filename* takes priority (handles non-ASCII names)
      var rfcMatch = disposition.match(/filename\*=(?:UTF-8'')?([^;]+)/i);
      if (rfcMatch) {
        try { return decodeURIComponent(rfcMatch[1].trim()); } catch (e) {}
      }
      var basicMatch = disposition.match(/filename=([^;]+)/i);
      if (basicMatch) {
        return basicMatch[1].trim().replace(/^["']|["']$/g, '');
      }
      return 'labels.pdf';
    }

    function downloadPdf(response) {
      var disposition = response.headers.get('Content-Disposition') || '';
      var filename = getFilenameFromDisposition(disposition);
      return response.blob().then(function(blob) {
        var url = URL.createObjectURL(blob);
        var a = document.createElement('a');
        a.href = url;
        a.download = filename;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
      });
    }

    fetch(form[0].action, {
      method: 'POST',
      body: new FormData(form[0]),
      redirect: 'follow'
    })
    .then(function(response) {
      var contentType = response.headers.get('Content-Type') || '';
      if (contentType.includes('application/pdf')) {
        return downloadPdf(response).then(function() {
          location.reload();
        });
      }
      // Non-PDF response means server redirected back (e.g. no labels to print).
      // Navigate to the final URL so the user sees the updated page.
      window.location.href = response.url || window.location.href;
    })
    .catch(function() {
      $btn.prop('disabled', false).text('Submit');
      location.reload();
    });
  });
});
</script>
{% endblock %}