{% extends "pos/base.html" %}
{% load static %}
<!-- Page title  -->
{% block title %}Recovery details{% endblock title %}

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}

{% endblock stylesheets %}

<!-- Page Heading -->
{% block heading %}Recovery ID: {{details.description}}{% endblock heading %}

<!-- Page content  -->
{% block content %}
<!--Go back-->
<div class="row ml-0 mb-3">
    <a href="{% url 'transactions:customer_recovery' %}"
       class="btn btn-info font-weight-bold mr-2">
        <i class="fas fa-long-arrow-alt-left mr-2"></i>
        Go back
    </a>

    <!-- NEW: Print Receipt button -->
    <a href="{% url 'transactions:recovery_receipt' details.description %}"
       target="_blank"
       class="btn btn-primary font-weight-bold">
        <i class="fas fa-print mr-2"></i>
        Print Receipt
    </a>
</div>


{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

<script>
                 
</script>
{% endblock javascripts %}