[
  {
    "type": "heading",
    "props": {
      "name": "heading_travel_claim",
      "level": 2,
      "value": "EMPLOYEE TRAVEL REIMBURSEMENT CLAIM",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "paragraph",
    "props": {
      "name": "paragraph_travel_instructions",
      "value": "Please fill out all required fields to submit your travel reimbursement claim. Ensure all expenses are supported by receipts.",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_employee_details",
      "level": 3,
      "value": "Employee Details",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter your full name as per company records",
      "name": "employee_name",
      "type": "text",
      "label": "Employee Name",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required",
      "placeholder": "Enter your full name",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter your company email address",
      "name": "employee_email",
      "type": "email",
      "label": "Employee Email",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required|email",
      "placeholder": "your.email@company.com",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter your department name",
      "name": "department",
      "type": "text",
      "label": "Department",
      "width": "100%",
      "gridColumn": "span 12",
      "validation": "required",
      "placeholder": "e.g., Finance, IT, Marketing",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_trip_details",
      "level": 3,
      "value": "Trip Details",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Describe the purpose or reason for this business trip",
      "name": "trip_purpose",
      "type": "text",
      "label": "Trip Purpose",
      "width": "100%",
      "gridColumn": "span 12",
      "validation": "required",
      "placeholder": "e.g., Client meeting, Conference, Training",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter the destination city and country",
      "name": "destination",
      "type": "text",
      "label": "Destination",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required",
      "placeholder": "e.g., Singapore, Malaysia",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "date",
    "props": {
      "help": "Select your departure date",
      "name": "departure_date",
      "type": "date",
      "label": "Departure Date",
      "width": "25%",
      "gridColumn": "span 3",
      "validation": "required",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "date",
    "props": {
      "help": "Select your return date",
      "name": "return_date",
      "type": "date",
      "label": "Return Date",
      "width": "25%",
      "gridColumn": "span 3",
      "validation": "required",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "radio",
    "props": {
      "help": "Select your primary mode of transportation",
      "name": "travel_type",
      "type": "radio",
      "label": "Travel Type",
      "width": "100%",
      "options": [
        { "label": "Flight", "value": "flight" },
        { "label": "Train", "value": "train" },
        { "label": "Car/Taxi", "value": "car" },
        { "label": "Bus", "value": "bus" }
      ],
      "gridColumn": "span 12",
      "validation": "required",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_cost_breakdown",
      "level": 3,
      "value": "Cost Breakdown",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Enter transportation costs (flights, trains, taxis, etc.)",
      "name": "transport_cost",
      "type": "number",
      "label": "Transportation Cost (RM)",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required|min:0",
      "placeholder": "0.00"
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Enter accommodation costs (hotels, lodging, etc.)",
      "name": "accommodation_cost",
      "type": "number",
      "label": "Accommodation Cost (RM)",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required|min:0",
      "placeholder": "0.00"
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Enter meal and food expenses",
      "name": "meals_cost",
      "type": "number",
      "label": "Meals Cost (RM)",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required|min:0",
      "placeholder": "0.00"
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Enter other miscellaneous expenses",
      "name": "other_cost",
      "type": "number",
      "label": "Other Expenses (RM)",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required|min:0",
      "placeholder": "0.00"
    }
  },
  {
    "type": "number",
    "props": {
      "help": "This will be automatically calculated from the above costs",
      "name": "total_cost_display",
      "type": "number",
      "label": "Total Claim Amount (RM)",
      "width": "100%",
      "gridColumn": "span 12",
      "validation": "",
      "placeholder": "0.00"
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_supporting_documents",
      "level": 3,
      "value": "Supporting Documents",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "paragraph",
    "props": {
      "name": "paragraph_document_note",
      "value": "Please upload all receipts and supporting documents. For this demo, you can skip file uploads.",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "checkbox",
    "props": {
      "help": "Check this box to confirm you have all supporting receipts",
      "name": "has_receipts",
      "type": "checkbox",
      "label": "I have all supporting receipts and documents",
      "width": "100%",
      "options": [
        { "label": "Yes, I have all required documents", "value": "true" }
      ],
      "gridColumn": "span 12",
      "validation": "required",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  }
]
