{% extends "hotel/base_public.html" %}
{% block title %}Booking #{{ code }}{% endblock %}
{% block content %}
<div class="card">
  <h2>Booking #{{ code }}</h2>
  <div class="row"><div>Dates</div><div style="margin-left:auto">{{ booking.checkin_date }} → {{ booking.checkout_date }}</div></div>
  <div class="row"><div>Status</div><div style="margin-left:auto">{{ booking.status }}</div></div>
  <div class="row"><div>Total</div><div style="margin-left:auto">{{ booking.total_amount }}</div></div>
  <hr>
  {% if booking.status == "PENDING" %}
    <form method="post" action="{% url 'hotel:guest_booking_cancel' code=code %}">
      {% csrf_token %}
      <button class="btn" onclick="return confirm('Cancel this pending booking?')">Cancel Booking</button>
    </form>
  {% else %}
    <div class="muted">Cancellation is only allowed while Pending.</div>
  {% endif %}
</div>
{% endblock %}