{% extends "hotel/base_public.html" %}
{% block title %}Upload Evidence{% endblock %}

{% block content %}
<div class="card" style="max-width:680px;margin:18px auto;">
  <h3>Upload bank transfer slip for booking #{{ code }}</h3>

  <p class="muted">
    Please upload a clear image or PDF of your bank transfer slip.
    Allowed formats: PNG, JPG, JPEG, PDF. Maximum size: 5 MB.
  </p>

  {% if error %}
    <div style="color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:8px 10px;border-radius:10px;margin-bottom:10px;">
      {{ error }}
    </div>
  {% endif %}

  {% if booking.proof_file %}
    <div style="background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;padding:8px 10px;border-radius:10px;margin-bottom:10px;">
      Evidence already uploaded. Upload again only if you want to replace it.
    </div>
  {% endif %}

  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}

    <div class="field">
      <label>Transfer Slip</label>
      <input type="file" name="evidence" accept=".png,.jpg,.jpeg,.pdf" required>
    </div>

    <div class="row right" style="margin-top:12px">
      {% if tenant %}
        <a class="btn" href="{% url 'hotel:public:booking_tenant_confirmation' tenant=tenant t_id=booking.t_id %}">
          Back
        </a>
      {% else %}
        <a class="btn" href="{% url 'hotel:public:booking_confirmation' t_id=booking.t_id %}">
          Back
        </a>
      {% endif %}
      <button class="btn primary">Upload Evidence</button>
    </div>
  </form>
</div>
{% endblock %}