<%--
 ~
 ~ Copyright (c) 2021, WSO2 Inc. (http://www.wso2.com). All Rights Reserved.
 ~
 ~ This software is the property of WSO2 Inc. and its suppliers, if any.
 ~ Dissemination of any information or reproduction of any material contained
 ~ herein in any form is strictly forbidden, unless permitted by WSO2 expressly.
 ~ You may not alter or remove any copyright or other notice from copies of this content."
 ~
--%>

<%@ page import="org.apache.commons.collections.CollectionUtils" %>
<%@ page import="org.apache.commons.lang.ArrayUtils" %>
<%@ page import="org.apache.commons.lang.StringUtils" %>
<%@ page import="org.owasp.encoder.Encode" %>
<%@ page import="org.wso2.carbon.identity.application.authentication.endpoint.util.Constants" %>
<%@ page import="org.wso2.carbon.identity.oauth2.OAuth2ScopeService" %>
<%@ page import="org.wso2.carbon.identity.oauth2.bean.Scope" %>
<%@ page import="org.wso2.carbon.identity.oauth2.IdentityOAuth2ScopeException" %>
<%@ page import="org.wso2.carbon.identity.oauth.dto.ScopeDTO" %>
<%@ page import="org.wso2.carbon.identity.oauth.IdentityOAuthAdminException" %>
<%@ page import="org.wso2.carbon.identity.oauth.OAuthAdminServiceImpl" %>
<%@ page import="java.io.File" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.stream.Collectors" %>
<%@ page import="java.util.stream.Stream" %>
<%@ page import="java.util.Set" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="includes/localize.jsp" %>
<jsp:directive.include file="includes/init-url.jsp"/>

<%
    String app = request.getParameter("application");
    String scopeString = request.getParameter("scope");
    boolean displayScopes = Boolean.parseBoolean(getServletContext().getInitParameter("displayScopes"));

    String[] requestedClaimList = new String[0];
    String[] mandatoryClaimList = new String[0];
    if (request.getParameter(Constants.REQUESTED_CLAIMS) != null) {
        requestedClaimList = request.getParameter(Constants.REQUESTED_CLAIMS).split(Constants.CLAIM_SEPARATOR);
    }

    if (request.getParameter(Constants.MANDATORY_CLAIMS) != null) {
        mandatoryClaimList = request.getParameter(Constants.MANDATORY_CLAIMS).split(Constants.CLAIM_SEPARATOR);
    }

    /*
        This parameter decides whether the consent page will only be used to get consent for sharing claims with the
        Service Provider. If this param is 'true' and user has already given consents for the OIDC scopes, we will be
        hiding the scopes being displayed and the approve always button.
    */
    boolean userClaimsConsentOnly = Boolean.parseBoolean(request.getParameter(Constants.USER_CLAIMS_CONSENT_ONLY));

    List<String> openIdScopes = null;
    if (!userClaimsConsentOnly && displayScopes && StringUtils.isNotBlank(scopeString)) {
            // Remove "openid" from the scope list to display.
           openIdScopes = Stream.of(scopeString.split(" "))
                    .filter(x -> !StringUtils.equalsIgnoreCase(x, "openid"))
                    .collect(Collectors.toList());
    }

    int claimListLimit = 3;
    int scopesSize = 0;
    if (CollectionUtils.isNotEmpty(openIdScopes)) {
        scopesSize = openIdScopes.size();
    }
    int claimSize = requestedClaimList.length + mandatoryClaimList.length;
%>

<!doctype html>
<html>
<head>
    <!-- header -->
    <%
        File headerFile = new File(getServletContext().getRealPath("extensions/header.jsp"));
        if (headerFile.exists()) {
    %>
        <jsp:include page="extensions/header.jsp"/>
    <% } else { %>
        <jsp:include page="includes/header.jsp"/>
    <% } %>
</head>
<body class="login-portal layout authentication-portal-layout">
    <div class="page-wrapper">
        <main class="center-segment">
            <div class="ui container medium center aligned middle aligned">

                <!-- product-title -->
                <%
                    File productTitleFile = new File(getServletContext().getRealPath("extensions/product-title.jsp"));
                    if (productTitleFile.exists()) {
                %> 
                    <jsp:include page="extensions/product-title.jsp"/>
                <% } else { %>
                    <jsp:include page="includes/product-title.jsp"/>
                <% } %>
                <%
                    if (!(ArrayUtils.isNotEmpty(mandatoryClaimList) || ArrayUtils.isNotEmpty(requestedClaimList) || CollectionUtils.isNotEmpty(openIdScopes))){
                %>
                    <form action="<%=oauth2AuthorizeURL%>" method="post" id="profile2" name="oauth2_authz">
                        <input type="hidden" name="<%=Constants.SESSION_DATA_KEY_CONSENT%>"
                        value="<%=Encode.forHtmlAttribute(request.getParameter(Constants.SESSION_DATA_KEY_CONSENT))%>"/>
                        <input type="hidden" name="consent" id="consent" value="approve"/>
                    </form>
                    <script>
                        document.getElementById("profile2").submit();
                    </script>
                <%
                    }
                %>

                <div class="ui segment">
                    <form class="ui large form" action="<%=oauth2AuthorizeURL%>" method="post" id="profile" name="oauth2_authz">
                         <div class="field light-font">
                            <div class="text-capitalize primary login-portal-app-font"> 
                            <h4><b><%=Encode.forHtml(request.getParameter("application"))%></b></h4>
                            </div>
                            <div class="mt-1">
                                wants to get your consent to
                            </div>
                        </div>

                        <div class="ui divider"></div>
                        <div class="segment-form">

                            <!-- Prompting for consent is only needed if we have mandatory or requested claims without any consent -->
                            
                                <!-- validation -->
                                <div class="ui" style="text-align: left;">
                                    <div class="ui list">
                                    <% if (ArrayUtils.isNotEmpty(mandatoryClaimList) || ArrayUtils.isNotEmpty(requestedClaimList)) { %>
                                        <input type="hidden" name="user_claims_consent" id="user_claims_consent" value="true"/>
                                            <div class="item">
                                                <i aria-hidden="true" class="check circle outline icon" id="claim_section_icon" onclick=hideClaimsSection();></i> 
                                                <div class="content">
                                                    <div class="header light-font">
                                                        View your profile
                                                    </div>  
                                                </div>
                                                <div class="content mt-3 light-font" id="claim_sections">
                                                    <div class="border-gray margin-bottom-double">
                                                        <div>
                                                            <div class="claim-list">
                                                                <% for (String claim : mandatoryClaimList) {
                                                                    String[] mandatoryClaimData = claim.split("_", 2);
                                                                    if (mandatoryClaimData.length == 2) {
                                                                        String claimId = mandatoryClaimData[0];
                                                                        String displayName = mandatoryClaimData[1];
                                                                %>
                                                                <div class="mt-1 pl-5 required mandatoryClaim" title="This is a mandatory claim">
                                                                    <div class="ui checkbox checked read-only disabled claim-cb">
                                                                        <input type="checkbox" class="mandatory-claim hidden" name="consent_<%=Encode.forHtmlAttribute(claimId)%>" id="consent_<%=Encode.forHtmlAttribute(claimId)%>" required checked readonly />
                                                                        <label for="consent_<%=Encode.forHtmlAttribute(claimId)%>" >
                                                                        <%=Encode.forHtml(displayName)%> <b class="login-portal-app-font">*</b></label>
                                                                    </div>
                                                                </div>
                                                                <%
                                                                        }
                                                                    }
                                                                %>
                                                                <% for (String claim : requestedClaimList) {
                                                                    String[] requestedClaimData = claim.split("_", 2);
                                                                    if (requestedClaimData.length == 2) {
                                                                        String claimId = requestedClaimData[0];
                                                                        String displayName = requestedClaimData[1];
                                                                %>
                                                                <div class="mt-1 pl-5">
                                                                    <div class="ui checkbox claim-cb">
                                                                        <input type="checkbox" class="hidden" name="consent_<%=Encode.forHtmlAttribute(claimId)%>" id="consent_<%=Encode.forHtmlAttribute(claimId)%>" />
                                                                        <label for="consent_<%=Encode.forHtmlAttribute(claimId)%>"><%=Encode.forHtml(displayName)%></label>
                                                                    </div>
                                                                </div>
                                                                <%
                                                                        }
                                                                    }
                                                                %>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div> 
                                                </div>
                                        
                                    <% } %>
                                        <%
                                            if (!userClaimsConsentOnly && displayScopes && StringUtils.isNotBlank(scopeString)) {
                                                if (CollectionUtils.isNotEmpty(openIdScopes)) {
                                                        try {
                                                            String scopesAsString = String.join(" ", openIdScopes);
                                                            Set<Scope> scopes = new OAuth2ScopeService().getScopes(null, null,
                                                                    true, scopesAsString);

                                                            for (Scope scope : scopes) {
                                                                String displayName = scope.getDisplayName();
                                                                String description = scope.getDescription();
                                                                openIdScopes.remove(scope.getName());

                                                                if (displayName != null) {
                                        %>
                                                    <div class="item">
                                                        <i aria-hidden="true" class="check circle outline icon"></i>
                                                        <div class="content mt-2">
                                                            <div class="header light-font">
                                                                <%=Encode.forHtml(displayName)%>
                                                            </div>
                                                            <% if (description != null) { %>
                                                            <div class="description scope_section">
                                                                <p><%=Encode.forHtml(description)%></p>
                                                            </div>
                                                            <% } %>
                                                        </div>
                                                    </div>
                                                    <%
                                                                }
                                                            }
                                                        } catch (IdentityOAuth2ScopeException e) {
                                                            // Ignore the error
                                                        }

                                                        // Unregistered scopes if exist, get the consent with provided scope name.
                                                        if (CollectionUtils.isNotEmpty(openIdScopes)) {
                                                            for (String scope : openIdScopes) {
                                                    %>
                                                    <div class="item">
                                                        <i aria-hidden="true" class="check circle outline icon" id=("<%=scope%>"))></i> 
                                                        <div class="content mt-2">
                                                            <div class="header light-font">
                                                                <%=Encode.forHtml(scope)%>
                                                            </div>  
                                                        </div>
                                                    </div>
                                                    <%
                                                        }
                                                    }
                                                }
                                            }
                                    %>
                                    </div>
                                </div>
                            <div class="ui divider"></div>
                            <div class="field light-font text-center login-portal-app-des-font">
                              <p> By allowing access, you agree to share your data with <%=Encode.forHtml(request.getParameter("application"))%> .</p>
                            </div>
                            <input type="hidden" name="<%=Constants.SESSION_DATA_KEY_CONSENT%>"
                                        value="<%=Encode.forHtmlAttribute(request.getParameter(Constants.SESSION_DATA_KEY_CONSENT))%>"/>
                            <div class="mt-0">
                                <input type="button" class="ui primary fluid large button" tabindex="4" id="approve" name="approve"
                                        onclick="approved(); return false;"
                                        value="<%=AuthenticationEndpointUtil.i18n(resourceBundle,"allow")%> "/>    
                            </div>
                            <div class="mt-1 align-center">
                                <input type="hidden" name="consent" id="consent" value="deny"/>
                                 <input class="ui large button link-button " type="reset"
                                onclick="deny(); return false; login-portal-app-font"
                                value="<%=AuthenticationEndpointUtil.i18n(resourceBundle,"deny")%>" />
                            </div> 
                        </div>
                    </form>
                </div>
            </div>
        </main>
        <!-- product-footer -->
        <%
            File productFooterFile = new File(getServletContext().getRealPath("extensions/product-footer.jsp"));
            if (productFooterFile.exists()) {
        %>
            <jsp:include page="extensions/product-footer.jsp"/>
        <% } else { %>
            <jsp:include page="includes/product-footer.jsp"/>
        <% } %>
    </div>

    <!-- footer -->
    <%
        File footerFile = new File(getServletContext().getRealPath("extensions/footer.jsp"));
        if (footerFile.exists()) {
    %>
        <jsp:include page="extensions/footer.jsp"/>
    <% } else { %>
        <jsp:include page="includes/footer.jsp"/>
    <% } %>

    <div class="ui modal mini" id="modal_claim_validation">
        <div class="header">
            <%=AuthenticationEndpointUtil.i18n(resourceBundle, "mandatory.claims")%>
        </div>
        <div class="content">
            <%=AuthenticationEndpointUtil.i18n(resourceBundle, "mandatory.claims.warning.msg.1")%>
            <span class="mandatory-msg"><%=AuthenticationEndpointUtil.i18n(resourceBundle, "mandatory.claims.warning.msg.2")%></span>
            <%=AuthenticationEndpointUtil.i18n(resourceBundle, "mandatory.claims.warning.msg.3")%>
        </div>
        <div class="actions">
            <button class="ui primary button" onclick="hideModal(this)">
                <%=AuthenticationEndpointUtil.i18n(resourceBundle, "ok")%>
            </button>
        </div>
    </div>

    <div class="ui modal mini" id="modal_scope_validation">
        <div class="header">
            <%=AuthenticationEndpointUtil.i18n(resourceBundle, "requested.scopes")%>
        </div>
        <div class="content">
            <%=AuthenticationEndpointUtil.i18n(resourceBundle, "please.select.approve.always")%>
        </div>
        <div class="actions">
            <button class="ui primary button" onclick="hideModal(this)">
                <%=AuthenticationEndpointUtil.i18n(resourceBundle, "ok")%>
            </button>
        </div>
    </div>

    <script type="text/javascript">

         $(".scope_section").hide()
         $(".clickable").css('cursor', 'pointer');

        function approved() {
            var mandatoryClaimCBs = $(".mandatory-claim");
            var checkedMandatoryClaimCBs = $(".mandatory-claim:checked");
            var isApproveAlwaysChecked = $("#rememberApproval").is(':checked');

            document.getElementById('consent').value = "approveAlways";

            if (checkedMandatoryClaimCBs.length === mandatoryClaimCBs.length) {
                document.getElementById("profile").submit();
            } else {
                $("#modal_claim_validation").modal("show");
            }
        }

        function approvedAlways() {
            var mandatoryClaimCBs = $(".mandatory-claim");
            var checkedMandatoryClaimCBs = $(".mandatory-claim:checked");

            if (checkedMandatoryClaimCBs.length === mandatoryClaimCBs.length) {
                document.getElementById('consent').value = "approveAlways";
                document.getElementById("profile").submit();
            } else {
                $("#modal_claim_validation").modal("show");
            }
        }

        function hideClaimsSection() {
             $("#claim_sections").toggle("slow", function(){
                // check paragraph once toggle effect is completed
                if($("#claim_sections").is(":visible")){
                    $("#claim_section_icon").removeClass("angle down icon large");
                    $("#claim_section_icon").addClass("angle up icon large")
                } else{
                    $("#claim_section_icon").removeClass("angle up icon large");
                    $("#claim_section_icon").addClass("angle down icon large")
                }
            });
        }

        // TODO: check the logic again
        function hideScopeSection(iconId) {
            var scopeID="#" + iconId;
            var contentID="#content_" + iconId;
             $(contentID).toggle("slow", function(){
                // check paragraph once toggle effect is completed
                if($(contentID).is(":visible")){
                    $(scopeID).removeClass("angle down icon large");
                    $(scopeID).addClass("angle up icon large")
                } else{
                    $(scopeID).removeClass("angle up icon large");
                    $(scopeID).addClass("angle down icon large")
                }
            });
        }

        function deny() {
            document.getElementById('consent').value = "deny";
            document.getElementById("profile").submit();
        }

        function hideModal(elem) {
            $(elem).closest('.modal').modal('hide');
        }

        $('.checkbox.read-only').checkbox({
            uncheckable: false
        });

        
        $(document).ready(function () {
            $("#consent_select_all").click(function () {
                if (this.checked) {
                    $('.checkbox:not(.read-only) input:checkbox').each(function () {
                        $(this).prop("checked", true);
                    });
                } else {
                    $('.checkbox:not(.read-only) input:checkbox').each(function () {
                        $(this).prop("checked", false);
                    });
                }
            });

            $(".checkbox input").click(function () {
                var claimCheckedCheckboxes = $(".claim-cb input:checked").length;
                var claimCheckboxes = $(".claim-cb input").length;

                if (claimCheckedCheckboxes !== claimCheckboxes) {
                    $("#consent_select_all").prop("checked", false);
                } else {
                    $("#consent_select_all").prop("checked", true);
                }
            });
        });
    </script>
</body>
</html>