<div class="container paper-page">
  <div class="paper-crumbs">Reference &nbsp;/&nbsp; <span class="here">Claim</span></div>
  <h1 class="paper-page-title">Claim an <em>anonymization</em></h1>
  <p class="paper-page-lede">
    Take ownership of an existing anonymized repository so it appears on your
    dashboard.
  </p>
  <div class="paper-meta-rule"></div>
  <form class="form needs-validation" name="claimForm" novalidate>
    <div class="form-group">
      <label class="paper-field-label" for="repoUrl">Repository URL</label>
      <input
        type="text"
        class="form-control"
        name="repoUrl"
        id="repoUrl"
        required
        ng-class="{'is-invalid': claimForm.repoUrl.$invalid}"
        ng-model="repoUrl"
      />
      <div class="invalid-feedback" ng-show="claimForm.repoUrl.$error.not_found">
        The repository is not found.
      </div>
    </div>
    <div class="form-group">
      <label class="paper-field-label" for="repoId">Anonymized repository ID</label>
      <input
        type="text"
        class="form-control"
        name="repoId"
        id="repoId"
        required
        ng-model="repoId"
        ng-class="{'is-invalid': claimForm.repoId.$invalid}"
      />
      <small id="idHelp" class="form-text text-muted"
        >The id is in the repository
        https://anonymous.4open.science/r/{id}</small
      >
    </div>

    <button
      id="submit"
      type="submit"
      class="btn btn-ink"
      ng-click="claim()"
    >
      Claim
    </button>
  </form>
</div>
