{% extends "pos/base.html" %}
{% load static %}
{% block title %}Share Settlement #{{ invoice_no }}{% endblock %}

{% block stylesheets %}{% endblock %}

{% block heading %}Share Customer Settlement #{{ invoice_no }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-md-6">
    <div class="card shadow mt-4">
      <div class="card-header py-2 d-flex align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">
          Settlement #{{ invoice_no }} &mdash; Share / Print
        </h6>
      </div>
      <div class="card-body">
        <p class="mb-2">
          80mm thermal PDF receipt ke liye neeche options use karein. Mobile browsers par
          <strong>Share</strong> button se WhatsApp / Email waghera ka native share dialog khul jayega.
        </p>

        <div class="mb-3">
          <a href="{{ pdf_url }}"
             target="_blank"
             class="btn btn-sm btn-primary mr-2">
            <i class="fas fa-file-pdf"></i> Open PDF
          </a>

          <a href="{{ pdf_url }}"
             download
             class="btn btn-sm btn-outline-secondary mr-2">
            <i class="fas fa-download"></i> Download
          </a>

          <button id="btnShareNow"
                  class="btn btn-sm btn-success">
            <i class="fas fa-share-alt"></i> Share
          </button>
        </div>

        <small class="text-muted d-block">
          Agar aapka browser Web Share API support nahi karta to Open / Download button se PDF open
          kar ke manually WhatsApp / Email par attach kar sakte hain.
        </small>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block javascripts %}
<script>
  document.addEventListener('DOMContentLoaded', function(){
    const btnShare = document.getElementById('btnShareNow');
    const pdfUrl   = "{{ pdf_url }}";

    function tryShare() {
      if (navigator.share) {
        navigator.share({
          title: 'Customer Settlement #{{ invoice_no }}',
          text: 'Customer settlement receipt.',
          url: pdfUrl
        }).catch(function(err){
          console.log('Share cancelled or failed', err);
        });
      } else {
        alert('Direct share is not supported in this browser. Please use Open or Download and then share the PDF manually.');
      }
    }

    btnShare.addEventListener('click', function(e){
      e.preventDefault();
      tryShare();
    });

    // Save & Share flow: page khulte hi best-effort share try karo
    if (navigator.share) {
      tryShare();
    }
  });
</script>
{% endblock %}