{% extends "pos/base.html" %}
{% block title %}Voucher #{{ b.t_id }}{% endblock %}
{% block heading %}Pre-Booking Voucher #{{ b.t_id }} — {{ b.status }}{% endblock %}
{% block content %}
<div class="card card-body">
  <div class="d-flex justify-content-between">
    <div>
      <h5>Guest: {{ b.guest.name }}</h5>
      <div>Contact: {{ b.guest.contact }}</div>
      <div>Company: {{ b.guest.company_name }}</div>
    </div>
    <div class="text-right">
      <div>Check-in: <b>{{ b.checkin_date }}</b></div>
      <div>Check-out: <b>{{ b.checkout_date }}</b></div>
      <div>Nights: <b>{{ b.nights }}</b></div>
      <div>Status: <b>{{ b.status }}</b></div>
    </div>
  </div>

  <hr>
  <table class="table table-sm">
    <thead><tr><th>Category</th><th class="text-right">Qty</th><th class="text-right">Rate/Night</th><th class="text-right">Disc/Night</th><th class="text-right">Line</th></tr></thead>
    <tbody>
      {% for i in items %}
      <tr>
        <td>{{ i.category.name }}</td>
        <td class="text-right">{{ i.qty }}</td>
        <td class="text-right">{{ i.rate_per_night|floatformat:2 }}</td>
        <td class="text-right">{{ i.discount_per_night|floatformat:2 }}</td>
        <td class="text-right">{{ i.qty|floatformat:0|add:""|safe }} × {{ b.nights }} × {{ i.rate_per_night|floatformat:2 }} − {{ i.discount_per_night|floatformat:2 }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="row">
    <div class="col-md-6">
      <small>Tax Rule: {{ tax_percent }}% ({{ b.pay_mode }})</small><br>
      <small>Advance %: {{ b.advance_percent }}%</small>
    </div>
    <div class="col-md-6 text-right">
      <div>Subtotal: {{ b.subtotal|floatformat:2 }}</div>
      <div>Tax: {{ b.tax_amount|floatformat:2 }}</div>
      <div><b>Total: {{ b.total_amount|floatformat:2 }}</b></div>
      <div>Advance Required: {{ b.advance_required|floatformat:2 }}</div>
      <div>Advance Received: {{ b.advance_received|floatformat:2 }}</div>
      <div><b>Pending: {{ b.total_amount|floatformat:2|add:""|safe }}</b></div>
    </div>
  </div>
</div>
{% endblock %}