<html>


<head>
   <title>{{title}}</title>
   <meta charset="utf8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
</head>

<body>
   <div class="card">
      <div class="title">
         <h1>{{title}}</h1>
      </div>
      <div class="list">
         <hr>
         <ul>
            {{#scopes}}
            <li>
               <div class="permission">
                  {{#if logo}}
                  {{!-- <div class="image"> --}}
                  <img class="image" src="{{logo}}">
                  {{!-- </div> --}}
                  {{/if}}
                  <div class="text">
                     <h3 class="scope_title">{{name}}</h3>
                     <p class="scope_description">{{description}}</p>
                  </div>
               </div>
               <hr>
            </li>
            {{/scopes}}
         </ul>
      </div>
      <div>
         {{information}}
      </div>
      <div>
         <div style="text-align:right;">
            <button class="mdc-button mdc-button--raised grey-button" id="cancel">Cancel</button>
            <button class="mdc-button mdc-button--raised blue-button" id="allow">Allow</button>
         </div>
      </div>
   </div>

   <form method="post" action="/api/oauth/auth?" id="hidden_form" style="display: none;">
      <input name="accept" value="true" />
   </form>

</body>

</html>
