pageTitle: Combinations
assetPath: ../govuk_template/assets/
grid: column-two-thirds
bodyEnd: >
  <script type="text/javascript" src="../public/javascripts/govuk_frontend_toolkit/vendor/polyfills/bind.js"></script>
  <script type="text/javascript" src="../public/javascripts/show-hide-content.js"></script>
  <script type="text/javascript" src="../public/javascripts/list-entry.js"></script>
examples:
  - |
    <form>

    {%
      with
      followup = {True: ["requirement-evidence-10"]},
      name = "requirement-10",
      question = "Can you do this essential requirement",
      value = true,
      type = "boolean"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      question = "Evidence for the requirement",
      name = "requirement-evidence-10",
      hidden = true,
      value = ""
    %}
      {% include "forms/textbox.html" %}
    {% endwith %}

    </form>
  - |
    <form>

    {%
      with
      followup = {True: ["requirement-evidence-20"]},
      name = "evidence-20",
      question = "Can you do this essential requirement - with errors",
      value = true,
      type = "boolean"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      question = "Evidence for the requirement",
      name = "requirement-evidence-20",
      hidden = true,
      value = "",
      error = "Answer can't be more than 50 words"
    %}
      {% include "forms/textbox.html" %}
    {% endwith %}
    </form>
  - |
    <form>

    {%
      with
      followup = {True: ["requirement-evidence-21", "requirement-checkboxes-21"]},
      name = "requirement-21",
      question = "Can you do this essential requirement",
      value = true,
      type = "boolean"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      question = "Evidence for the requirement",
      question_advice = "Advice about the question",
      hint = "Advice about how to answer",
      optional = true,
      name = "requirement-evidence-21",
      hidden = true,
      value = ""
    %}
      {% include "forms/textbox.html" %}
    {% endwith %}
    {%
      with
      name = "requirement-checkboxes-21",
      question = "Choose another thing",
      question_advice = "Advice about the question",
      hint = "Advice about how to answer",
      options = [
        {"value": "accountingAndFinance", "label": "Accounting and finance"},
        {"value": "businessIntelligenceAndAnalytics", "label": "Business intelligence and analytics"},
        {"value": "collaboration", "label": "Collaboration"}
      ],
      hidden = true,
      type = "checkboxes"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}

    </form>
  - |
    <form>

    {%
      with
      followup = {"Other": ["requirement-evidence-30"]},
      name = "evidence-30",
      question = "Checkboxes question with follow-up",
      value = ["Option 1", "Other"],
      type = "checkboxes",
      options = [{"value": "Option 1", "label": "Option 1"},
                 {"value": "Option 2", "label": "Option 2"},
                 {"value": "Other", "label": "Other"}]
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      question = "Follow-up question for 'Other'",
      name = "requirement-evidence-30",
      hidden = true,
      value = ""
    %}
      {% include "forms/textbox.html" %}
    {% endwith %}
    </form>
  - |
    <form>

    {%
      with
      followup = {"option-3": ["requirement-evidence-31"], "option-4": ["requirement-evidence-31"]},
      name = "evidence-31",
      question = "Multiple checkboxes triggering a follow-up",
      value = ["Option 1", "Other"],
      type = "checkboxes",
      options = [
        {"value": "option-1", "label": "No follow-up"},
        {"value": "option-2", "label": "Also no follow-up"},
        {"value": "option-3", "label": "This checkbox triggers a follow-up"},
        {"value": "option-4", "label": "This checkbox also triggers a follow-up"},
      ]
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      question = "This question will be visible as long as one of the last two checkboxes are checked",
      name = "requirement-evidence-31",
      hidden = true,
      value = ""
    %}
      {% include "forms/textbox.html" %}
    {% endwith %}
    </form>
  - |
    <form>

    {%
      with
      followup = {True: ["requirement-boolean-followup-40"]},
      name = "evidence-40",
      question = "Question with multiple follow-ups",
      value = true,
      type = "boolean"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      name = "requirement-boolean-followup-40",
      followup = {True: ["requirement-evidence-40"]},
      question = "Boolean follow-up",
      hidden = true,
      type = "boolean"
    %}
      {% include "forms/selection-buttons.html" %}
    {% endwith %}
    {%
      with
      large = true,
      id = "requirement-evidence-40",
      question = "List follow-up",
      name = "requirement-evidence-40",
      number_of_items=10,
      hidden = true,
      value = ""
    %}
      {% include "forms/list-entry.html" %}
    {% endwith %}
    </form>