{% extends "frontend/base.html" %}
{% block content %}
<!-- Main content -->
<div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col">
          <div class="card">
            <div class="card-header">
              <h5 class="m-0">Request for Permission</h5>
            </div>
            <div class="card-body">
              <p class="card-text">
                <p>Hi{% if request.user.profile.first_name %} {{ request.user.profile.first_name }}{% endif %},<br/><br/>
                
                Client <strong>{{ client.name }}</strong> would like to access this information of you...</p>

                    <form method="post" action="/openid/authorize">

                    {% csrf_token %}

                    {{ hidden_inputs }}

                    <ul>
                        {% for scope in scopes %}
                            <li><strong>{{ scope.name }}</strong><br><i>{{ scope.description }}</i></li>
                        {% endfor %}
                    </ul>

                    <input class="btn btn-danger" type="submit" value="Decline" />
                    <input class="btn btn-success" name="allow" type="submit" value="Authorize" />

                </form>

              </p>
            </div>
          </div>

        </div>
        <!-- /.col-md-6 -->

      </div>
      <!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content -->
{% endblock %}