{{ template "header.html" . }}

<div class="theme-panel">
  <h2 class="theme-heading">Grant Access</h2>


  <div>
    {{ if .Scopes }}
    <div class="dex-subtle-text">{{ .Client }} would like to:</div>
    <ul class="dex-list">
      {{ range $scope := .Scopes }}
      <li>{{ $scope }}</li>
      {{ end }}
    </ul>
    {{ else }}
    <div class="dex-subtle-text">{{ .Client }} has not requested any personal information</div>
    {{ end }}
  </div>

  <div>
    <div class="theme-form-row">
      <form method="post">
        <input type="hidden" name="req" value="{{ .AuthReqID }}"/>
        <input type="hidden" name="approval" value="approve">
        <button type="submit" class="dex-btn theme-btn--success">
            <span class="dex-btn-text">Grant Access</span>
        </button>
      </form>
    </div>
    <div class="theme-form-row">
      <form method="post">
        <input type="hidden" name="req" value="{{ .AuthReqID }}"/>
        <input type="hidden" name="approval" value="rejected">
        <button type="submit" class="dex-btn theme-btn-provider">
            <span class="dex-btn-text">Cancel</span>
        </button>
      </form>
    </div>
  </div>

</div>

{{ template "footer.html" . }}
