﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	
	<xsl:output method="xml" indent="yes"/>
  <xsl:variable name="PortalItemID" select="AjaxRequest/ApiLinks/PortalItemID"></xsl:variable>
	<xsl:key name="APISourceKey" match="AjaxRequest/ApiLinks/ApiLink" use="./APILevel" />
	
	<xsl:template match="/">
		<xsl:variable name="ApiLinks" select="AjaxRequest/ApiLinks"></xsl:variable>
		<xsl:variable name="MasterPortalPermissionID" select="AjaxRequest/MasterPortalPermissionID"></xsl:variable>
		<xsl:variable name="IsBrandAdmin">
			<xsl:choose>
				<xsl:when test="AjaxRequest/UserRoles/Role[RoleName = 'Brand Admin']">
					<xsl:number value="1"/>
				</xsl:when>
				<xsl:otherwise>
					<xsl:number value="0"/>
				</xsl:otherwise>
			</xsl:choose>
		</xsl:variable>
		<div class="col-md-12 col-xs-12 col-xs-12 ">
			<xsl:for-each select="$ApiLinks/ApiLink[generate-id() = generate-id(key('APISourceKey',./APILevel))
						  and (
								(APILevel = 1 and $IsBrandAdmin = 1)
								or (APILevel = 2 and ($IsBrandAdmin = 1 or $MasterPortalPermissionID &gt;= 4)
								or APILevel = 3)
						  )]">
				<xsl:sort select="APILevel" order="ascending"/>
				<xsl:variable name="apil" select="APILevel" ></xsl:variable>
				<xsl:variable name="vPos" select="position()"/>
				<xsl:variable name="GroupName">
					<xsl:choose>
						<xsl:when test="APILevel=1">
							System API
						</xsl:when>
						<xsl:when test="APILevel=2">
							Enterprise API
						</xsl:when>
						<xsl:when test="APILevel=3">
							Integration Partners
						</xsl:when>
					</xsl:choose>
				</xsl:variable>
				<h4>
					<xsl:value-of select="$GroupName"/>
				</h4>
				<xsl:for-each select="$ApiLinks/ApiLink[APILevel =$apil]">
					<div class="col-md-12 col-xs-12 col-xs-12 w3-not selectedrow" style="MARGIN-BOTTOM: 2PX;border-bottom:1px solid #dadada!important;padding-bottom:9px;padding-top:10px;">
						<div class="col-md-1 col-xs-2 col-xs-2">
							<!--<i class="fa fa-{APISource}"></i>-->
							<img src="{ImagePath}"></img>
						</div>
						<div class="col-md-9 col-xs-5 col-xs-5 ">
							<h5 style="margin-bottom:1px;margin-top:1px;">
								<xsl:value-of select="APISource"></xsl:value-of>
							</h5>
							<xsl:value-of select="ApiContent"></xsl:value-of>
            </div>        
            <xsl:variable name="APISourceID" select="APISourceID"></xsl:variable>
            
						<div class="col-md-2 col-xs-5 col-xs-5" style="float:left;padding:0px;">
							<xsl:choose>
								<xsl:when test="IsActive=0">
                  <span class="activbtn">
                    <button type="button" onclick="APIActivateDeactivate(1,'{$PortalItemID}','{$APISourceID}')" class="btn btn-primary"  style="float:left;display:inline;padding-left:15px;padding-right:15px;" >Activate</button>
									</span>
                  <span class="setingbtn">
                    <button type="button" class="btn btn-primary" style="float:left;display:None;">Settings</button>
                  </span>
                </xsl:when>
                <xsl:when test="IsActive=1">
                  <span class="activbtn">
                    <button type="button" onclick="APIActivateDeactivate(0,'{$PortalItemID}','{$APISourceID}')" class="btn btn-primary" style="float:left;display:inline;">DeActivate</button>
                  </span>
                  <span class="setingbtn">
                    <button type="button" class="btn btn-primary" style="float:left;display:None;">Settings</button>
                  </span>
                </xsl:when>
								<xsl:otherwise>
                  <span class="activbtn">
                    <button type="button" onclick="APIActivateDeactivate(1,'{$PortalItemID}','{$APISourceID}')" class="btn btn-primary" style="float:left;display:inline;padding-left:15px;padding-right:15px;" >Activate</button>
									</span>
                  <span class="setingbtn">
                    <button type="button" class="btn btn-primary" style="float:left;display:None;">Settings</button>
                  </span>
                </xsl:otherwise>
              </xsl:choose>
            </div>
          </div>
        </xsl:for-each>
      </xsl:for-each>
    </div>
  </xsl:template>
</xsl:stylesheet>
