{% extends 'core/base_print.html' %}

{% load i18n static %}

{% block extra_head %}
  <link rel="stylesheet" href="{% static "plank/print.css" %}">
{% endblock %}

{% block browser_title %}{% blocktrans %}Print: Check out form{% endblocktrans %}{% endblock %}
{% block page_title %}{% blocktrans %}Check out form{% endblocktrans %}{% endblock %}

{% block content %}
  <h4>{% trans "Check out form" %}</h4>
  <div class="margin-bottom">
  {% blocktrans with checked_out_at=process.checked_out_at|date lending_person=process.lending_person.full_name%}
    The following items have been checked out on {{ checked_out_at }} by {{ lending_person }}:
    {% endblocktrans %}
  </div>

  {% regroup checked_out_items by inventories_key as checked_out_items_groups %}

  <ul class="browser-default">
    {% for grouper, items in checked_out_items_groups %}
      <li>
        {{ items.0.from_inventory.name }} → {{ items.0.to_inventory.name }}
        <ul class="browser-default">
          {% for checked_out_item in items %}
            <li>{% if checked_out_item.count != 1 %}{{ checked_out_item.count }} &times; {% endif %}
              #{{ checked_out_item.item.id }}{% if checked_out_item.item.name %}, {{ checked_out_item.item.name }}{% endif %}
              {% if checked_out_item.item.item_type or checked_out_item.item.barcode %}
              ({% if checked_out_item.item.item_type %}{{ checked_out_item.item.item_type.name }}
              {% if checked_out_item.item.barcode %}, {% endif %}{% endif %}{{ checked_out_item.item.barcode }}){% endif %}
            </li>
          {% endfor %}
        </ul>
      </li>
    {% endfor %}
  </ul>

  {% if process.condition %}
    {{ process.condition.text|linebreaks }}
  {% endif %}

  {% if process.check_in_until %}
    <p>{% trans "Agreed check in date" %}: {{ process.check_in_until }}</p>
  {% endif %}

  <div class="row no-margin no-padding">
    <div class="col s5 no-padding">
      <span class="signature">
        {% blocktrans %}Signature of the borrowing person{% endblocktrans %}
      </span>
    </div>
    <div class="col s2"></div>
    <div class="col s5 no-padding">
      <span class="signature">
        {% blocktrans with name=process.lending_person.full_name %}Signature of {{ name }}{% endblocktrans %}
      </span>
    </div>
  </div>
{% endblock %}