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

{% from "components/alert.html" import Alert %}
{% from "components/text_input.html" import TextInput %}
{% from "components/checkbox_input.html" import CheckboxInput %}

{% block subtitle %}
<h2>Designate a Workspace Owner</h2>
{% endblock %}

{% block form %}

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

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

    <p>The Workspace Owner is the primary point of contact and technical administrator of the JEDI Workspace and will have the
      following responsibilities:</p>
    <ul>
      <li>Organize your cloud-hosted systems into projects and environments</li>
      <li>Add users to this workspace and manage members</li>
      <li>Manage access to the JEDI Cloud service provider’s portal</li>
    </ul>
    </p>

    <p>This person must be a DoD employee (not a contractor).</p>
    <p>The Workspace Owner may be you. You will be able to add other administrators later. This person will be invited via email
      once your request is approved.</p>

    {{ CheckboxInput(f.am_poc) }}

    <template v-if="!am_poc" v-cloak>
      {{ TextInput(f.fname_poc,placeholder='First Name') }}
      {{ TextInput(f.lname_poc,placeholder='Last Name') }}
      {{ TextInput(f.email_poc,placeholder='jane@mail.mil', validation='email') }}
      {{ TextInput(f.dodid_poc,placeholder='10-digit number on the back of the CAC', validation='dodId') }}
    </template>

  </div>
</poc>
{% endblock %}