<form role="form" name="form">
  <script cam-script type="text/form-script">
    camForm.on('form-loaded', function() {
      camForm.variableManager.fetchVariable('paymentUuid');
    });
    camForm.on('variables-restored', function() {
      $scope.paymentUuid = camForm.variableManager.variableValue('paymentUuid');
      console.log("setting variables to scope");
    });
  </script>
  <h2>Request Summary</h2>

  <table>

    <tr>
      <td>DirectPayment UUID:</td>
      <td>{{ paymentUuid }}</td>
    </tr>

  </table>

  <h2>Approval</h2>

  Do you approve this request?

  <div class="form-group">
    <input
      type="checkbox"
      cam-variable-name="FormField_yesornot"
      cam-variable-type="Boolean" />

    <input required
      type="number"
      cam-variable-name="loanAmount"
      cam-variable-type="Double"
      min="1000" />

    <input required
       type="text"
       cam-variable-name="paymentUuid"
       cam-variable-type="String"
       placeholder="John"
       ng-minlength="2"
       ng-maxlength="20" />

    <select required cam-variable-name="loanType" cam-variable-type="String">
      <option value="mortage" checked>Mortage Loan (5%)</option>
      <option value="cashAdvance">Cash Advance (10%)</option>
    </select>

    <textarea cam-variable-name="address"
      cam-variable-type="String"
      rows="4"></textarea>
  </div>
</form>