{%extends "platforms/sui-base.html"%}
{%from "flash_messages.html" import flash_all_messages%}

{%block title%}Platforms — Create Platforms{%endblock%}

{%block breadcrumbs%}
{{super()}}
<li class="breadcrumb-item">
  <a href="{{url_for('species.platforms.create_platform',
           species_id=species['SpeciesId'])}}">
    Create
  </a>
</li>
{%endblock%}

{%block contents%}
{{flash_all_messages()}}

<div class="row">
  <h2>Create New Platform</h2>

  <p>You can create a new genetic sequencing platform below.</p>
</div>

<div class="row">
  <form id="frm-create-platform"
        method="POST"
        action="{{url_for('species.platforms.create_platform',
                species_id=species.SpeciesId)}}">

    <div class="form-group">
      <label for="txt-geo-platform" class="form-label">GEO Platform</label>
      <input type="text"
             id="txt-geo-platform"
             name="geo-platform"
             required="required"
             class="form-control"  />
      <small class="form-text text-muted">
        <p>This is the platform's
          <a href="https://www.ncbi.nlm.nih.gov/geo/browse/?view=platforms&tax={{species.TaxonomyId}}"
             title="Platforms for '{{species.FullName}}' on NCBI">
            accession value on NCBI</a>. If you do not know the value, click the
          link and search on NCBI for species '{{species.FullName}}'.</p></small>
    </div>

    <div class="form-group">
      <label for="txt-platform-name" class="form-label">Platform Name</label>
      <input type="text"
             id="txt-platform-name"
             name="platform-name"
             required="required"
             class="form-control" />
      <small class="form-text text-muted">
        <p>This is name of the genetic sequencing platform.</p></small>
    </div>

    <div class="form-group">
      <label for="txt-platform-shortname" class="form-label">
        Platform Short Name</label>
      <input type="text"
             id="txt-platform-shortname"
             name="platform-shortname"
             required="required"
             class="form-control" />
      <small class="form-text text-muted">
        <p>Use the following conventions for this field:
          <ol>
            <li>Start with a 4-letter vendor code, e.g. "Affy" for "Affymetrix", "Illu" for "Illumina", etc.</li>
            <li>Append an underscore to the 4-letter vendor code</li>
            <li>Use the name of the array given by the vendor, e.g.  U74AV2, MOE430A, etc.</li>
          </ol>
        </p>
      </small>
    </div>

    <div class="form-group">
      <label for="txt-platform-title" class="form-label">Platform Title</label>
      <input type="text"
             id="txt-platform-title"
             name="platform-title"
             required="required"
             class="form-control"  />
      <small class="form-text text-muted">
        <p>The full platform title. Sometimes, this is the same as the Platform
          Name above.</p></small>
    </div>

    <div class="form-group">
      <label for="txt-go-tree-value" class="form-label">GO Tree Value</label>
      <input type="text"
             id="txt-go-tree-value"
             name="go-tree-value"
             class="form-control"  />
      <small class="form-text text-muted">
        <p>This is a Chip identification value useful for analysis with the
          <strong>
            <a href="https://www.geneweaver.org/"
               title="Go to the GeneWeaver site."
               target="_blank">GeneWeaver</a></strong>
          and
          <strong>
            <a href="https://www.webgestalt.org/"
               title="Go to the WEB-based GEne SeT AnaLysis Toolkit site."
               target="_blank">WebGestalt</a></strong>
          tools.<br />
        This can be left blank for custom platforms.</p></small>
    </div>

    <div class="form-group">
      <input type="submit"
             value="create new platform"
             class="btn btn-primary"  />
    </div>
  </form>
</div>
{%endblock%}