{% extends "base.html" %}

{% block page_title %}Worker receipt{% endblock %}

{% block extra_head %}
{% include "skill-booking/ui-head.html" %}
{% endblock %}

{% block content %}
<div class="sb-page blocks-workspace">
    {% if error %}
    <p class="blocks-workspace-notice" data-tone="error" role="alert">{{ error }}</p>
    {% else %}
    <div class="sb-card">
        <h1>Receipt {{ booking.receipt_number }}</h1>
        <p><strong>Issued by (worker):</strong> {{ provider.display_name }}{% if provider.upi_vpa %} · {{ provider.upi_vpa }}{% endif %}</p>
        <p><strong>Customer:</strong> {{ customer_name | default(value='') }}</p>
        <p><strong>Skill:</strong> {{ skill_label }}</p>
        <p><strong>Dates:</strong> {{ booking.start_date | date_in_tz(timezone=settings.timezone) }} → {{ booking.end_date | date_in_tz(timezone=settings.timezone) }}</p>
        <p><strong>Charge:</strong> {{ booking.charge_type }} @ {{ currency_symbol | default(value='₹') }}{{ booking.rate_amount }}</p>
        {% if booking.checked_in_at %}<p><strong>Check-in:</strong> {{ booking.checked_in_at | date_in_tz(timezone=settings.timezone) }}</p>{% endif %}
        {% if booking.checked_out_at %}<p><strong>Check-out:</strong> {{ booking.checked_out_at | date_in_tz(timezone=settings.timezone) }}</p>{% endif %}
        {% if booking.billable_minutes %}<p><strong>Billable:</strong> {{ booking.billable_minutes }} minutes</p>{% endif %}
        <p><strong>Total paid to worker:</strong> {{ currency_symbol | default(value='₹') }}{{ booking.agreed_amount }}</p>
        {% if booking.payment_ref %}<p><strong>UTR / ref:</strong> {{ booking.payment_ref }}</p>{% endif %}
        <p class="sb-disclaimer">{{ facilitator_disclaimer }}</p>
        <p><a class="btn" href="/plugins/skill-booking/receipt?id={{ booking.id }}&format=pdf">Download PDF</a></p>
    </div>
    {% endif %}
</div>
{% endblock %}