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

{% from "components/alert.html" import Alert %}
{% from "components/text_input.html" import TextInput %}
{% from "components/options_input.html" import OptionsInput %}
{% from "components/date_input.html" import DateInput %}

{% block subtitle %}
<h2>Details of Use</h2>
{% endblock %}

{% block form %}

{% if f.errors %}
  {{ Alert('There were some errors',
    message="<p>Please see below.</p>",
    level='error'
  ) }}
{% endif %}

<details-of-use inline-template v-bind:initial-data='{{ f.data|tojson }}'>
  <div>

    <p>We’d like to know a little about how you plan to use JEDI Cloud services to process your request. Please answer the following questions to the best of your ability. Note that the CCPO does not directly help with migrating systems to JEDI Cloud. These questions are for learning about your cloud readiness and financial usage of the JEDI Cloud; your estimates will not be used for any department level reporting.</p>
    <p><em>All fields are required, unless specified optional.</em></p>

    <h2>General</h2>
    {{ OptionsInput(f.dod_component) }}
    {{ TextInput(f.jedi_usage, paragraph=True, placeholder="Briefly describe how you are expecting to use the JEDI Cloud. e.g. We are migrating XYZ application to the cloud so that...") }}

    <h2>Cloud Readiness</h2>
    {{ TextInput(f.num_software_systems,validation="integer",tooltip="A software system can be any code that you plan to host on cloud infrastructure. For example, it could be a custom-developed web application, or a large ERP system.",placeholder="0") }}
    {{ OptionsInput(f.jedi_migration, tooltip="Cloud migration is the process of moving data, applications or other business elements from an organization\\'s onsite computers/data centers to the cloud, or moving them from one cloud environment to another.") }}

    <transition name='slide'>
      <template v-if="jediMigrationOptionSelected">
        <fieldset class='form__sub-fields' v-if='isJediMigration' v-cloak>
          <legend class='usa-sr-only'>Questions related to JEDI Cloud migration</legend>
          {{ OptionsInput(f.rationalization_software_systems, tooltip="Rationalization is the DoD process to determine whether the application should move to the cloud.") }}
          {{ OptionsInput(f.technical_support_team) }}
          <transition name='slide'>
            <template v-if="hasTechnicalSupportTeam">
              {{ OptionsInput(f.organization_providing_assistance) }}
            </template>
          </transition>
          {{ OptionsInput(f.engineering_assessment, tooltip="An engineering assessment is an evaluation to convert your application architecture from on-premises to using the commercial cloud") }}
          {{ OptionsInput(f.data_transfers) }}
          {{ OptionsInput(f.expected_completion_date) }}
        </fieldset>

        <template v-if='!isJediMigration' v-cloak>
          {{ OptionsInput(f.cloud_native, tooltip="Cloud native is architecting and designing your application to use all the benefits of the commercial cloud. Specifically, designing applications so that they are decoupled from a physical resource.") }}
        </template>
      </template>
    </transition>

    <h2>Financial Usage</h2>
    {{ TextInput(f.estimated_monthly_spend, tooltip="Refer to financial verification step help docs", validation="dollars", placeholder="$0") }}

    <div class='alert alert-info'>
      <div class='alert__content'>
        <div class='alert__message'>
          <p>So this means you are spending approximately <span class="label label--info">!{ annualSpendStr }</span> annually</p>
        </div>
      </div>
    </div>

    <transition name='slide'>
      <template v-if="annualSpend > {{ annual_spend_threshold }}">
        <fieldset class='form__sub-fields'>
          <h3>Because the approximate annual spend is over $1,000,000, please answer a few additional questions.</h3>
          {{ TextInput(f.number_user_sessions, validation='integer', placeholder="0") }}
          {{ TextInput(f.average_daily_traffic, tooltip="Requests are the client-to-server network traffic that is being transferred to your systems",validation="integer", placeholder="0") }}
          {{ TextInput(f.average_daily_traffic_gb, tooltip="GB uploaded is the gigabyte amount of data traffic that is being transferred to your systems",validation="gigabytes", placeholder="0GB") }}
        </fieldset>
      </template>
    </transition>

    {{ TextInput(f.dollar_value, validation='dollars', placeholder='$0') }}
    {{ DateInput(f.start_date, placeholder='MM / DD / YYYY', validation='date') }}

  </div>
</details-of-use>

{% endblock %}