<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" integrity="sha256-2pUeJf+y0ltRPSbKOeJh09ipQFYxUdct5nTY6GAXswA="
        crossorigin="anonymous" />
    <link rel="stylesheet" href="style.css">
    <title>Log In</title>
</head>

<body>
    <div class="hero is-success is-fullheight auth-background">
        <div class="hero-body">
            <div class="container">
                <div class="columns">
                    <div class="column is-one-third-desktop is-offset-one-third-desktop is-half-tablet is-offset-one-quarter-tablet">
                        <p class="subtitle is-size-5">Hey <strong>{{.Username}}</strong>! <strong>{{.Appname}}</strong>
                            requests your permission to connect with your {{.IDPName}} account.</p>
                        <div class="content box">
                            <h2 class="has-text-centered is-size-3">Authorize</h2>
                            <div class="notification content">
                                <p>Allow <strong>{{.Appname}}</strong> to:</p>
                                <ul>
                                    <li>See my {{.IDPName}} username and signup date.</li>
                                    <li>See my email address.</li>
                                    <li>See my access groups and permissions.</li>
                                    <li>Keep this access for 15 minutes.</li>
                                    <li>Maintain this access indefinitely (or until manually revoked).</li>
                                </ul>
                            </div>
                            <form class="form" action="">
                                <input type="hidden" name="client_id" value="">
                                <input type="hidden" name="redirect_uri" value="">
                                <input type="hidden" name="scope" value="">
                                <input type="hidden" name="state" value="">
                                <input type="hidden" name="response_type" value="">
                                <input type="hidden" name="duration" value="">
                                <input type="hidden" name="csrf_token" value="">
                                <div class="field is-grouped is-grouped-right">
                                    <p class="control">
                                        <button class="button is-medium is-fullwidth is-warning" value="authorize" type="submit">
                                            Allow Access
                                        </button>
                                    </p>
                                    <p class="control">
                                        <button class="button is-medium is-fullwidth" value="authorize" type="submit">
                                            Cancel
                                        </button>
                                    </p>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>