{% extends "claims/base.html" %}
{% load static %}
{% block title %}Edit {{ claim.ref }}{% endblock %}
{% block content %}
<h1>{{ claim.ref }} <span class="pill st-{{ claim.status }}">{{ claim.get_status_display }}</span></h1>
<form method="post" enctype="multipart/form-data" id="claim-form" data-check-url="{% url 'api_check' %}" data-claim="{{ claim.pk }}">
{% csrf_token %}
<div class="card grid2">
<label>Title{{ form.title }}{{ form.title.errors }}</label>
<label>Trip (enables per-diem and in-trip weekend rules){{ form.trip }}</label>
</div>
{% if advances %}<div class="card"><b>Settle advances</b>
{% for a in advances %}<label class="inline"><input type="checkbox" name="advances" value="{{ a.pk }}" {% if a.pk in linked %}checked{% endif %}> {{ a.amount }} issued {{ a.issued_on }} - {{ a.purpose }}</label>{% endfor %}</div>{% endif %}
{{ formset.management_form }}
<div id="lines">
{% for f in formset %}{% include "claims/_line.html" with f=f %}{% endfor %}
</div>
<template id="line-template">{% include "claims/_line.html" with f=formset.empty_form %}</template>
{{ formset.non_form_errors }}
<div class="row sticky"><button type="button" class="btn" id="add-line">Add line</button>
<div class="totals">Claimed <b id="t-claimed">{{ claim.claimed_total }}</b> · Policy-allowed <b id="t-allowed">{{ claim.allowed_total }}</b></div>
<div><button class="btn" name="action" value="save">Save draft</button> <button class="btn primary" name="action" value="submit">Submit for approval</button></div></div>
</form>
<script type="module" src="{% static 'claims/claim_form.js' %}"></script>
{% endblock %}