<div class="modal fade" id="receiptModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <form id="receiptForm">
        <input type="hidden" name="invoice_id">
        <div class="modal-header bg-success text-white"><h5 class="modal-title">Record Receipt</h5></div>
        <div class="modal-body">
          <div class="form-group"><label>Receipt No</label><input name="receipt_no" class="form-control" required></div>
          <div class="form-group"><label>Date</label><input type="date" name="receipt_date" class="form-control" required></div>
          <div class="form-group"><label>Amount Paid (SGD)</label><input type="number" step="0.01" name="amount_paid" class="form-control" required></div>
          <div class="form-group"><label>Payment Method</label>
            <select name="payment_method" class="form-control">
              <option value="cash">Cash</option><option value="bank_transfer">Bank Transfer</option><option value="cheque">Cheque</option>
            </select>
          </div>
          <div class="form-group"><label>Remarks</label><textarea name="remarks" class="form-control"></textarea></div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">Save</button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
      </form>
    </div>
  </div>
</div>
