[
  {
    "type": "heading",
    "props": {
      "name": "heading_manager_approval",
      "level": 2,
      "value": "TRAVEL CLAIM MANAGER APPROVAL",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "paragraph",
    "props": {
      "name": "paragraph_approval_instructions",
      "value": "This travel claim exceeds policy limits and requires your approval. Please review the details below and make your decision.",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_claim_details",
      "level": 3,
      "value": "Claim Details",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Summary of the travel claim",
      "name": "claim_summary",
      "type": "text",
      "label": "Claim Summary",
      "width": "100%",
      "readonly": true,
      "gridColumn": "span 12",
      "validation": "",
      "placeholder": "Claim summary will be populated from process",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Employee who submitted the claim",
      "name": "employee_name_display",
      "type": "text",
      "label": "Employee Name",
      "width": "50%",
      "readonly": true,
      "gridColumn": "span 6",
      "validation": "",
      "placeholder": "Employee name",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Employee's department",
      "name": "department_display",
      "type": "text",
      "label": "Department",
      "width": "50%",
      "readonly": true,
      "gridColumn": "span 6",
      "validation": "",
      "placeholder": "Department",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Purpose of the business trip",
      "name": "trip_purpose_display",
      "type": "text",
      "label": "Trip Purpose",
      "width": "50%",
      "readonly": true,
      "gridColumn": "span 6",
      "validation": "",
      "placeholder": "Trip purpose",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Travel destination",
      "name": "destination_display",
      "type": "text",
      "label": "Destination",
      "width": "50%",
      "readonly": true,
      "gridColumn": "span 6",
      "validation": "",
      "placeholder": "Destination",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_cost_breakdown",
      "level": 3,
      "value": "Cost Analysis",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Total amount claimed by employee",
      "name": "total_cost_display",
      "type": "number",
      "label": "Total Claimed Amount (RM)",
      "width": "33.33%",
      "readonly": true,
      "gridColumn": "span 4",
      "validation": "",
      "placeholder": "0.00",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Maximum allowed per company policy",
      "name": "policy_limit_display",
      "type": "number",
      "label": "Policy Limit (RM)",
      "width": "33.33%",
      "readonly": true,
      "gridColumn": "span 4",
      "validation": "",
      "placeholder": "0.00",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "number",
    "props": {
      "help": "Amount exceeding policy limits",
      "name": "over_budget_amount",
      "type": "number",
      "label": "Over Budget Amount (RM)",
      "width": "33.33%",
      "readonly": true,
      "gridColumn": "span 4",
      "validation": "",
      "placeholder": "0.00",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "paragraph",
    "props": {
      "name": "paragraph_policy_note",
      "value": "⚠️ This claim exceeds company travel policy limits. As a manager, you can approve the full amount, approve only the policy limit, or reject the claim entirely.",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_manager_decision",
      "level": 3,
      "value": "Manager Decision",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "radio",
    "props": {
      "help": "Select your approval decision",
      "name": "manager_decision",
      "type": "radio",
      "label": "Approval Decision",
      "width": "100%",
      "options": [
        {
          "label": "✅ Approve Full Amount - Employee will receive the full claimed amount",
          "value": "approve_full"
        },
        {
          "label": "⚠️ Approve Policy Limit Only - Employee will receive only the policy-allowed amount",
          "value": "approve_policy"
        },
        {
          "label": "❌ Reject Claim - Claim will be denied entirely",
          "value": "reject"
        }
      ],
      "gridColumn": "span 12",
      "validation": "required",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter the approved amount if different from the options above",
      "name": "custom_approved_amount",
      "type": "number",
      "label": "Custom Approved Amount (RM) - Optional",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "min:0",
      "placeholder": "Enter custom amount",
      "conditionalLogic": {
        "action": "show",
        "enabled": true,
        "operator": "and",
        "conditions": [
          {
            "field": "manager_decision",
            "value": "approve_full",
            "operator": "eq"
          }
        ]
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Provide justification for your decision",
      "name": "manager_comments",
      "type": "text",
      "label": "Manager Comments",
      "width": "100%",
      "gridColumn": "span 12",
      "validation": "required",
      "placeholder": "Please provide comments explaining your decision...",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "heading",
    "props": {
      "name": "heading_additional_info",
      "level": 3,
      "value": "Additional Information",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "checkbox",
    "props": {
      "help": "Check any additional requirements for this approval",
      "name": "additional_requirements",
      "type": "checkbox",
      "label": "Additional Requirements",
      "width": "100%",
      "options": [
        {
          "label": "Require additional documentation from employee",
          "value": "require_docs"
        },
        {
          "label": "Schedule follow-up meeting with employee",
          "value": "follow_up"
        },
        { "label": "Flag for finance team review", "value": "finance_review" },
        {
          "label": "Add to employee's travel record for future reference",
          "value": "record_flag"
        }
      ],
      "gridColumn": "span 12",
      "validation": "",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Enter your name as the approving manager",
      "name": "manager_name",
      "type": "text",
      "label": "Manager Name",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required",
      "placeholder": "Your full name",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "text",
    "props": {
      "help": "Current date will be automatically set",
      "name": "approval_date",
      "type": "date",
      "label": "Approval Date",
      "width": "50%",
      "gridColumn": "span 6",
      "validation": "required",
      "placeholder": "",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  },
  {
    "type": "paragraph",
    "props": {
      "name": "paragraph_approval_footer",
      "value": "By submitting this form, you confirm that you have reviewed the travel claim and made your decision based on company policy and business necessity.",
      "width": "100%",
      "gridColumn": "span 12",
      "conditionalLogic": {
        "action": "show",
        "enabled": false,
        "operator": "and",
        "conditions": []
      }
    }
  }
]
