{% extends 'admin_pages/base_admin.html' %}
{% block title %}Doctor Commission Slip | Admin Panel{% endblock %}

{% block content %}
            <!-- Company Info Row -->
<div class="card p-4 shadow-sm">
            {% include 'includes/print_header.html' %}
           <hr>   
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">Doctor Commission Slip</h4>
    <button class="btn btn-outline-primary no-print" onclick="window.print()">
      <i class="fas fa-print me-1"></i> Print
    </button>
  </div>



  <p><strong>Doctor:</strong> {{ commission.doctor.name }}</p>
  <p><strong>Date:</strong> {{ commission.placed_at }}</p>
  <p><strong>Details:</strong> {{ commission.details }}</p>

  <table class="table table-bordered mt-3">
    <thead class="table-light">
      <tr>
        <th>Previous Balance</th>
        <th>Credit</th>
        <th>Debit</th>
        <th>Remaining Balance</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>{{ commission.previous_balance|floatformat:2 }}</td>
        <td>{{ commission.credit|floatformat:2 }}</td>
        <td>{{ commission.debit|floatformat:2 }}</td>
        <td>{{ commission.current_balance|floatformat:2 }}</td>
      </tr>
    </tbody>
  </table>

  <p class="mt-4"><strong>Remarks:</strong> {{ commission.remarks }}</p>
  <p><strong>Printed at:</strong> {{ now|date:"Y-m-d H:i" }}</p>
  <p><strong>Printed by:</strong> {{ request.user.get_full_name|default:request.user.username }}</p>
</div>
<a href="{% url 'inventory:doctor_commission_list' commission.doctor.id %}" class="btn btn-secondary mt-3 no-print">← Back to <b>{{commission.doctor}}</b> account details</a>
<style>
  @media print {
    .navbar, .sidebar, footer, nav, .no-print {
      display: none !important;
    }
    .container {
      padding: 20px;
      font-size: 12px;
    }
    p, .table td, .table th {
      margin: 0;
      padding: 6px;
      line-height: 1.4;
    }
  }
</style>
{% endblock %}