<!-- GST Details Modal -->
<div class="modal fade" id="gstDetailsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content shadow-lg border-0">
            <div class="modal-header bg-gradient-success text-white py-2">
                <h6 class="modal-title mb-0">
                    <i class="fas fa-file-invoice-dollar"></i> <span data-translate="gstDetailsTitle">GST Details & Tax Breakdown</span>
                </h6>
                <button type="button" class="close text-white" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-3" id="gstDetailsContent">
                <div class="text-center py-5">
                    <i class="fas fa-spinner fa-spin fa-3x text-primary"></i>
                    <p class="mt-3">Loading GST Details...</p>
                </div>
            </div>
            <div class="modal-footer py-2 bg-light">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
                    <i class="fas fa-times"></i> <span data-translate="close">Close</span>
                </button>
                <button type="button" class="btn btn-sm btn-primary" id="btnPrintGST">
                    <i class="fas fa-print"></i> <span data-translate="print">Print</span>
                </button>
            </div>
        </div>
    </div>
</div>
