{% extends "pos/base.html" %}
{% block title %}Checkout Report{% endblock %}
{% block heading %}Checkout Report{% endblock %}
{% block content %}

<div class="card">
  <div class="card-body">
    <form class="form-inline mb-3"
          method="get"
          action="{% url 'hotel:reports:checkout_report_pdf' %}"
          target="_blank">

      <div class="form-group mr-3 mb-2">
        <label class="mr-2">Start</label>
        <input type="date"
               name="start"
               class="form-control"
               value="{{ start|date:'Y-m-d' }}">
      </div>

      <div class="form-group mr-3 mb-2">
        <label class="mr-2">End</label>
        <input type="date"
               name="end"
               class="form-control"
               value="{{ end|date:'Y-m-d' }}">
      </div>

      <button type="submit" class="btn btn-primary mb-2">
        Generate Checkout Report
      </button>
    </form>

  </div>
</div>

{% endblock %}