{% extends "base.html" %}
{% load static %}

{% block title %}Bilagsdetalj{% endblock %}

{% block content %}
<section id="bilag-header">
  <h1>{{ bilag.tittel }}</h1>
  <p>Opprettet: {{ bilag.dato }}</p>
</section>

{% if bilag.godkjent %}
<div class="godkjent-banner">
  <span>Godkjent av {{ bilag.godkjenner }}</span>
</div>
{% elif bilag.avvist %}
<div class="avvist-banner">
  <span>Avvist</span>
</div>
{% else %}
<div class="ventende-banner">
  <span>Venter på godkjenning</span>
</div>
{% endif %}

<table id="bilag-linjer">
  <thead>
    <tr>
      <th>Beskrivelse</th>
      <th>Beløp</th>
      {% if show_mva %}<th>MVA</th>{% endif %}
    </tr>
  </thead>
  <tbody>
    {% for linje in bilag.linjer %}
    <tr>
      <td>{{ linje.beskrivelse }}</td>
      <td>{{ linje.belop|floatformat:2 }}</td>
      {% if show_mva %}
      <td>{{ linje.mva|floatformat:2 }}</td>
      {% endif %}
    </tr>
    {% empty %}
    <tr><td colspan="3">Ingen linjer</td></tr>
    {% endfor %}
  </tbody>
</table>

{% if user.can_approve %}
<form id="godkjenn-form" method="POST" action="{% url 'godkjenn' bilag.pk %}">
  {% csrf_token %}
  {% include "bilag/_kommentar_felt.html" %}
  <button type="submit">Godkjenn</button>
</form>
{% endif %}

{% block extra_js %}
<script src="{% static 'js/bilag.js' %}"></script>
{% endblock %}
{% endblock %}