{% from "components/checkbox.html" import checkbox %}
{% from "components/radios.html" import radio, radios, radios_wrapper, conditional_radio_panel %}

{% if 'caseworking' in current_service.permissions %}
  <div class="conditional-radios" data-module='conditional-radios'>
    {% call radios_wrapper(form.user_type, hide_legend=True) %}
      {% for option in form.user_type %}

        <div class="bottom-gutter-1-3">
          {{ radio(option, option_hints={
              'admin': 'See dashboard and team members',
              'caseworker': 'Send messages and see sent messages'
          }) }}
        </div>
        {% if option.data == 'admin' %}
          {% call conditional_radio_panel('admin') %}
            <fieldset class="form-group">
              <legend class="form-label">
                Extra permissions
              </legend>
              {{ checkbox(form.send_messages) }}
              {{ checkbox(form.manage_templates) }}
              {{ checkbox(form.manage_service) }}
              {{ checkbox(form.manage_api_keys) }}
            </fieldset>
          {% endcall %}
        {% endif %}

      {% endfor %}
    {% endcall %}
  </div>

{% else %}
  <fieldset class="form-group">
    <legend class="form-label">
      Permissions
    </legend>
    {{ checkbox(form.send_messages) }}
    {{ checkbox(form.manage_templates) }}
    {{ checkbox(form.manage_service) }}
    {{ checkbox(form.manage_api_keys) }}
  </fieldset>
  <div class="bottom-gutter">
    <p class="form-label">
      All team members can see
    </p>
    <ul class="list list-bullet">
      <li>templates</li>
      <li>history of sent messages</li>
      <li>who the other team members are</li>
    </ul>
  </div>
{% endif %}

{% if service_has_email_auth %}
  {% if user_has_no_mobile_number %}
    {{ radios(
      form.login_authentication,
      disable=['sms_auth'],
      option_hints={'sms_auth': 'Not available because this team member hasn’t added a phone&nbsp;number to their profile'|safe}
    ) }}
  {% else %}
    {{ radios(form.login_authentication) }}
  {% endif %}
{% endif %}