<?xml version="1.0"?>
<t name="Page Protected" t-name="website.protected_403">
    <t t-call="website.login_layout">
        <div class="container">
            <div class="row">
                <form class="offset-md-3 col-md-6" method="POST">
                    <div class="alert alert-info mt32" t-if="not request.params.get('visibility_password')">
                        <div class="h5 text-center">
                            <i class="fa fa-lock fa-2x"/><br/>
                            <span class="mt-1">A password is required to access this page.</span>
                        </div>
                    </div>
                    <div class="alert alert-warning mt32" t-else="">
                        <div class="h5 text-center">
                            <i class="fa fa-lock fa-2x"/><br/>
                            <span class="mt-1">Wrong password</span>
                        </div>
                    </div>
                    <div class="mb-3">
                        <div class="input-group">
                            <input type="hidden" name="url" t-att-value="path"/>
                            <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
                            <input type="password" id="password" class="form-control" required="required" name="visibility_password"/>
                          <button class="btn btn-secondary" type="button" id="showPass">
                            <i class="fa fa-eye"/>
                          </button>
                        </div>
                    </div>
                    <button type="submit" class="h4 btn btn-primary btn-block">Access to this page</button>
                </form>
            </div>
        </div>
    </t>
</t>

