<div class="modal fade" id="addInvoiceModal" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form id="addInvoiceForm">
        <div class="modal-header bg-primary text-white">
          <h5 class="modal-title"><i class="fas fa-plus-circle mr-2"></i>Add Invoice</h5>
          <button class="close text-white" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <div class="form-row">
            <div class="form-group col-md-4"><label>Invoice No</label><input name="invoice_no" class="form-control" required></div>
            <div class="form-group col-md-8"><label>Customer Name</label><input name="customer_name" class="form-control" required></div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6"><label>Invoice Date</label><input type="date" name="invoice_date" class="form-control" required></div>
            <div class="form-group col-md-6"><label>Due Date</label><input type="date" name="due_date" class="form-control"></div>
          </div>
          <div class="form-group"><label>Description</label><textarea name="description" rows="2" class="form-control"></textarea></div>
          <div class="form-row">
            <div class="form-group col-md-4"><label>Amount (SGD)</label><input type="number" step="0.01" name="amount" class="form-control" required></div>
            <div class="form-group col-md-4"><label>Payment Method</label>
              <select name="payment_method" class="form-control">
                <option>Cash</option><option>Cheque</option><option>Bank Transfer</option><option>Others</option>
              </select>
            </div>
            <div class="form-group col-md-4"><label>Status</label>
              <select name="status" class="form-control">
                <option>unpaid</option><option>partial</option><option>paid</option>
              </select>
            </div>
          </div>
        </div>
        <div class="modal-footer"><button type="submit" class="btn btn-primary">Save</button></div>
      </form>
    </div>
  </div>
</div>
