{% extends "default_print.html" %}
{% load servo_tags %}
{% load mptt_tags %}
{% load static %}
{% load i18n %}

{% block content %}
{% with order.location as location %}
<div class="row">
  <div class="span6">
  {% if conf.company_logo %}
    <img src="{% get_media_prefix %}{{ conf.company_logo }}" alt="logo" title="logo" class="media-object pull-left span2" style="margin:10px"/>
  {% endif %}
    <p style="clear:both">
      <b>{{ location.title }}</b><br/>
      {{ location.address }}<br/>
      {{ location.zip_code }}, {{ location.city }}<br/>
      {{ location.email }}<br/>
      {{ location.phone }}
    </p>
  </div>
  <div class="span6 text-right">
    <p style="white-space: pre-wrap;">{{ location.notes }}</p>
    {% block location_info %}
    {% endblock location_info %}
  </div>
</div>
{% endwith %}
<div class="row">
  <div class="span12 text-center">
    <h3>{% block title %}{% trans "Work Authorization" %}{% endblock title %}</h3>
  </div>
</div>
<div class="row" style="margin-top:2em;margin-bottom:1em">
  <div class="span6">
    {% trans "Date" %}: {{ order.created_at|date:"SHORT_DATE_FORMAT" }}
  </div>
  <div class="span6">
    <img src="{% url 'barcodes-view' order.code %}" alt="{{ order.code }}"/><br/>
    {% trans "Repair ID" %}: {{ order.code }}
  </div>
</div>
<div class="row">
  <div class="span12">
    <table class="table">
      <thead>
        <tr>
          <th>{% trans "Customer Information" %}</th>
          <th>{% trans "Product Information" %}</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
          {% block customer_details %}
            <strong>{{ order.customer.fullname }}</strong><br/>
            {% trans "Phone" %}: {{ order.customer.phone|default:"-" }}<br/>
            {% trans "Email" %}: {{ order.customer.email|default:"-" }}
            {% if order.customer.street_address %}
            <br/>
            {% trans "Address" %}: {{ order.customer.street_address }}<br/>
            {{ order.customer.zip_code }} {{ order.customer.city }}
            {% endif %}
          {% endblock customer_details %}
          </td>
          <td>
          {% for device in order.get_devices %}
            {% trans "Model" %}: {{ device.description }}<br/>
            {% trans "Warranty Status" %}: {{ device.get_warranty_status_display }}<br/>
            {% trans "Estimated Date of Purchase" %}: {{ device.purchased_on|default:"-" }}<br/>
          {% if device.imei %}
            {% trans "IMEI Number" %}: {{ device.imei }}<br/>
            {% trans "Activation Policy" %}: {{ device.initial_activation_policy }}<br/>
          {% endif %}
          {% if device.sn %}
            {% trans "Serial Number" %}: {{ device.sn }}<br/>
            <img src="{% url 'barcodes-view' device.sn %}" alt=""/>
          {% endif %}
          {% endfor %}
          </td>
        </tr>
      {% if order.has_accessories %}
        <tr><td colspan="2"><strong>{% trans "Accessories" %}:</strong> {{ order.get_accessories|join:", " }}</td></tr>
      {% endif %}
      </tbody>
    </table>
  </div>
</div>
<div class="row">
  <div class="span12">
  {% block work_description %}
  {% if order.reported_notes.count > 0 %}
    <h4>{% trans "Problem Description" %}</h4>
    <hr/>
    <p>
      {% trans "Customer Reported Issue" %}: 
      {% for n in issues %} {{ n.body }} {% endfor %}
    </p>
    <p>
      {% trans "Technician Verified Issue" %}: 
      {% for n in verified_issues %} {{ n.body }} {% endfor %}
    </p>
    <p>
      {% trans "Customer Notes" %}: 
      {% for n in customer_notes %}
        {{ n.body }}
      {% endfor %}
    </p>
    <p>
      {% trans "Technician Notes" %}: 
      {% for n in tech_notes %}
        {{ n.body }}
      {% endfor %}
    </p>
  {% endif %}
  {% endblock work_description %}
  </div>
</div>
<div class="row">
  <div class="span12">
  {% block parts_and_services %}
    {% if order.has_products %}
    <h4>{% trans "Parts and Services" %}</h4>
    <table class="table">
      <thead>
        <tr>
          <th colspan="2">{% trans "Product" %}</th>
          <th>{% trans "Warranty" %}</th>
          <th style="width:50px">{% trans "VAT %" %}</th>
          <th style="width:40px">{% trans "Qty" %}</th>
          <th style="width:60px">{% trans "0% VAT" %}</th>
          <th style="width:60px">{% trans "Price" %}</th>
          <th style="width:60px">{% trans "Total" %}</th>
        </tr>
      </thead>
      <tbody>
      {% block list_products %}
        {% for i in order.products %}
        <tr>
          <td style="width:80px">{{ i.code }}</td>
          <td>{{ i.title }}{% if i.sn %}<br/><span class="muted">{% trans "SN" %}: {{ i.sn }} {% if i.imei %}
            {% trans "IMEI" %}: {{ i.imei }}{% endif %}{% endif %}</span></td>
          <td>{{ i.product.get_warranty_display|default:"" }}</td>
          <td>{{ i.product.pct_vat|floatformat:"0" }}%</td>
          <td>{{ i.amount }}</td>
          <td>{{ i.price_notax|currency }}</td>
          <td>{{ i.price|currency }}</td>
          <td>{{ i.total_gross|currency }}</td>
        </tr>
        {% endfor %}
      {% endblock list_products %}
      </tbody>
      <tfoot>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td style="text-align:right">{% trans "Total" %}:</td>
          <td>{% block order_total %}{{ order.gross_total|currency }}{% endblock order_total %}</td>
        </tr>
      </tfoot>
    </table>
    {% endif %}
  {% endblock parts_and_services %}
  </div>
</div>
<div class="row">
  <div class="span12">
  {% block customer_pickup %}
    <h4>{% trans "Customer Drop-off" %}</h4>
    <table class="table">
      <tbody>
        <tr>
          <td style="width:40%">&nbsp;</td>
          <td style="width:40%">&nbsp;</td>
          <td style="width:20%">&nbsp;</td>
        </tr>
        <tr>
          <td>{% trans "Customer Name" %}</td>
          <td>{% trans "Signature" %}</td>
          <td>{% trans "Date" %}</td>
        </tr>
      </tbody>
    </table>
  {% endblock customer_pickup %}
  {% block received_by %}
    <h5>{% trans "Received By" %}</h5>
    <table class="table">
      <tbody>
        <tr>
          <td style="width:40%">{{ order.created_by.get_print_name }}</td>
          <td style="width:40%">&nbsp;</td>
          <td style="width:20%">{% now "SHORT_DATE_FORMAT" %}</td>
        </tr>
        <tr>
          <td>{% trans "Name" %}</td>
          <td>{% trans "Signature" %}</td>
          <td>{% trans "Date" %}</td>
        </tr>
      </tbody>
    </table>
  {% endblock received_by %}
  </div>
</div>
<div class="row">
  <div class="span12">
    <h4>{% trans "Additional Notes" %}</h4>
  </div>
</div>
<div class="row">
  <div class="span12">
    <hr/>
    {% block tos %}{{ conf.terms_of_service|markdown }}{% endblock tos %}
    {% block footer %}{% endblock footer %}
  </div>
</div>
{% endblock content %}