{% extends "claims/base.html" %}
{% load static %}
{% block title %}Trips{% endblock %}
{% block content %}
<h1>Trips &amp; per-diem</h1>
<form method="post" class="card grid4" id="trip-form" data-url="{% url 'api_perdiem' %}">{% csrf_token %}
<label>Purpose<input name="purpose" required></label>
<label>City<select name="city" required>{% for c in cities %}<option value="{{ c.pk }}">{{ c.name }} ({{ c.get_tier_display }})</option>{% endfor %}</select></label>
<label>Depart<input type="datetime-local" name="depart_at" required></label>
<label>Return<input type="datetime-local" name="return_at" required></label>
<div class="span4"><div id="pd-preview" class="muted">Pick dates to preview your per-diem.</div><button class="btn primary">Save trip</button></div>
</form>
<script type="module" src="{% static 'claims/trip_wizard.js' %}"></script>
{% for r in rows %}<div class="card {% if selected == r.trip.pk|stringformat:'s' %}hl{% endif %}">
<div class="row"><b>{{ r.trip }}</b><span>{% if r.per_diem %}Per-diem entitlement <b>{{ r.per_diem.total }}</b>{% endif %}
<a class="btn sm" href="{% url 'claim_create' %}?trip={{ r.trip.pk }}">Create claim</a></span></div>
{% if r.per_diem %}<table class="compact"><tbody>{% for d in r.per_diem.days %}<tr><td>{{ d.day|date:"D d M" }}</td><td>{{ d.fraction }}</td><td class="num">{{ d.amount }}</td><td class="muted">{{ d.reason }}</td></tr>{% endfor %}</tbody></table>{% endif %}</div>
{% endfor %}
{% endblock %}