{% extends defaultUnbrandedLayout or defaultRigLayout or "rig/default.njk" %}

{% set title = "Feature flags" %}
{% set preCode = 'features: {
  "feature-name": {
    on: true,
    name: "Name of feature",
    description: "Brief description of feature."
  }
}' %}

{% block content %}
  <form method="post">
    <div class="nhsuk-grid-row">
      <div class="nhsuk-grid-column-two-thirds">
        <h1 class="nhsuk-heading-l">{{ title }}</h1>

        {{ warningCallout({
          heading: "Feature flags updated",
          html: '<p><a class="nhsuk-link" href="/">Return to prototype homepage</a>.</p>'
        }) if success }}

        {% for key, flag in data.features %}
          {{ radios({
            classes: "nhsuk-radios--inline",
            fieldset: {
              legend: {
                text: flag.name,
                classes: "nhsuk-fieldset__legend--m"
              }
            },
            hint: {
              text: flag.description
            },
            items: [{
              text: "On",
              value: true
            }, {
              text: "Off",
              value: false
            }],
            decorate: ["features", key, "on"]
          }) }}
        {% else %}
          <p>Create a feature flag by adding an object to the <code>features</code> property in the default session data file:</p>
          <pre class="nhsuk-u-font-size-19">{{ preCode }}</pre>
        {% endfor %}

        {{ button({
          html: "Save changes"
        }) if data.features | length > 0 }}
      </div>
    </div>
  </form>
{% endblock %}