{% extends 'task_orders/_new.html' %}

{% from "components/text_input.html" import TextInput %}
{% from "components/options_input.html" import OptionsInput %}
{% from "components/date_input.html" import DateInput %}
{% from "components/multi_checkbox_input.html" import MultiCheckboxInput %}
{% from "components/review_field.html" import ReviewField %}

{% block heading %}
  {{ "task_orders.new.app_info.section_title"| translate }}
{% endblock %}

{% block form %}


<!-- App Info Section -->
<p>{{ "forms.task_order.basic_intro" | translate }}</p>
<h3 class="task-order-form__heading subheading">{{ "task_orders.new.app_info.basic_info_title"| translate }}</h3>

{% if portfolio %}
    {{ ReviewField(heading="forms.portfolio.name_label" | translate, field=portfolio.name) }}
{% else %}
    {{ TextInput(form.portfolio_name, placeholder="The name of your office or organization", validation="portfolioName") }}
{% endif %}

{{ TextInput(form.scope, paragraph=True) }}

<div class="subheading--black">
    {% if portfolio %}
        {{ ReviewField(heading="forms.task_order.defense_component_label" | translate, field=portfolio.defense_component) }}
    {% else %}
        {{ OptionsInput(form.defense_component) }}
    {% endif %}
</div>

<hr>

<h3 id="reporting" class="subheading">{{ "task_orders.new.app_info.project_title" | translate }}</h3>
<p>{{ "task_orders.new.app_info.details_description" | translate }}</p>
{{ OptionsInput(form.app_migration) }}
<p>{{ "forms.task_order.app_migration.not_sure_help" | translate }}</p>
{{ OptionsInput(form.native_apps) }}
<p>{{ "forms.task_order.native_apps.not_sure_help" | translate }}</p>
{{ MultiCheckboxInput(form.complexity, form.complexity_other) }}

<hr>

<h3 class="subheading">{{ "task_orders.new.app_info.team_title" | translate }}</h3>
<p>{{ "task_orders.new.app_info.subtitle" | translate }}</p>
{{ MultiCheckboxInput(form.dev_team, form.dev_team_other) }}
{{ OptionsInput(form.team_experience) }}

<hr>

<h3 class="subheading">{{ "task_orders.new.app_info.market_research_title" | translate }}</h3>
<p>{{ "task_orders.new.app_info.market_research_paragraph" | translate | safe }}</p>

{% endblock %}
