{% extends "withnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/radios.html" import radio, conditional_radio_panel %}
{% from "components/select-input.html" import select_wrapper %}
{% from "components/form.html" import form_wrapper %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/page-header.html" import page_header %}

{% block per_page_title %}
  Accept our data sharing and financial agreement
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-five-sixths">

    {{ page_header(
      'Accept our data sharing and financial agreement',
      back_link=url_for('main.service_agreement', service_id=current_service.id)
    ) }}

    {% call form_wrapper(class='top-gutter') %}

      {% call select_wrapper(form.who) %}
        {% for option in form.who %}
          {{ radio(option, data_target='on-behalf-of' if option.data == 'someone-else' else None) }}
        {% endfor %}
      {% endcall %}
      {% call conditional_radio_panel('on-behalf-of') %}
        {{ textbox(form.on_behalf_of_name, width='1-1') }}
        {{ textbox(form.on_behalf_of_email, width='1-1') }}
      {% endcall %}
      {{ textbox(form.version, width='1-3', hint='The version number is on the front page, for example ‘3.6’') }}

      {{ page_footer('Continue') }}

    {% endcall %}

  </div>
</div>

{% endblock %}
