{
  "name": "Create New Invoice",
  "description": "How to create a new invoice",
  "steps": [
    {
      "title": "Step 1",
      "intro": "Navigate to the Finance section by clicking 'Finance' in the main menu",
      "position": "bottom",
      "element": "#finance-menu, .finance-nav, nav .finance"
    },
    {
      "title": "Step 2",
      "intro": "Click the 'Invoices' tab",
      "position": "bottom",
      "element": "#invoice-section, .invoice-tab, #create-invoice"
    },
    {
      "title": "Step 3",
      "intro": "Click the 'Create New Invoice' button",
      "position": "bottom",
      "element": "#invoice-section, .invoice-tab, #create-invoice"
    },
    {
      "title": "Step 4",
      "intro": "Select a customer from the dropdown or click 'Add New Customer'",
      "position": "bottom",
      "element": "#customer-select, select[name='customer'], .customer-field"
    },
    {
      "title": "Step 5",
      "intro": "Select the car(s) to include in the invoice",
      "position": "bottom",
      "element": "#invoice-section, .invoice-tab, #create-invoice"
    },
    {
      "title": "Step 6",
      "intro": "Add any additional services or parts by clicking 'Add Item'",
      "position": "bottom"
    },
    {
      "title": "Step 7",
      "intro": "Set the payment terms and due date",
      "position": "bottom"
    },
    {
      "title": "Step 8",
      "intro": "Click 'Save Draft' to save without finalizing, or 'Finalize Invoice' to complete",
      "position": "bottom",
      "element": "button[type='submit'], .btn-save, #save-button"
    }
  ]
}