{% extends "@organisms/forms/form.twig" %}

{% block form_body %}
  
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-first-name",
      "placeholder": "John",
      "classes": ["c-input--full"]
    },
    "label": {
      "for": "user-first-name",
      "text": "First Name (required)"
    }
  } %}
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-last-name",
      "placeholder": "Smith",
      "classes": ["c-input--full"]
    },
    "label": {
      "for": "user-last-name",
      "text": "Last Name (required)"
    }
  } %}
  
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-email-address",
      "placeholder": "john.smith@pega.com",
      "classes": ["c-input--full"]
    },
    "label": {
      "for": "user-email-address",
      "text": "Primary Email Address (required)"
    }
  } %}
  
  
  {% include "@molecules/form-fields/form-field--select.twig" with {
    "custom_select": {
      "id": "user-country",
      "placeholder": "United States"
    },
    "label": {
      "for": "user-country",
      "text": "Country"
    }
  } %}
  
  
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-password",
      "type": "password",
      "placeholder": "My Password",
      "classes": ["js-show-password c-input--full"]
    },
    "label": {
      "for": "user-password",
      "text": "Create a Password"
    }
  } %}
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-show-password",
      "type": "checkbox",
      "checked": false
    },
    "label": {
      "for": "user-show-password",
      "text": "Show password",
      "classes": "js-show-password--trigger"
    }
  } %}

  





  
  {% grid %}
    {% cell %}
      {% include "@atoms/form-elements/text-input.twig" with {
        input: {
          value: "Create Account",
          type: "submit",
          classes: ["u-margin-bottom c-button"]
        }
      } %}
    {% endcell %}

    {% cell %}
      {% include "@atoms/links/link.twig" with {
        link: {
          text: "Already have an account? Sign in",
          href: "/sign-in",
          classes: "c-button c-button--subtle u-margin-bottom"
        }
      } %}
    {% endcell %}
  {% endgrid %}
  
  
  {% include "@molecules/form-fields/form-field.twig" with {
    "input": {
      "id": "user-subscribe",
      "type": "checkbox",
      "checked": true
    },
    "label": {
      "for": "user-subscribe",
      "text": "I'd like to receive occasional email updates about upcoming events, analyst reports or Pega news. I can unsubscribe at any time."
    }
  } %}
  
  

  

{% endblock %}