﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <table class="tableMaster">
            <tr>
                <td align="left" style="padding: 15px;">
                    <span class="labelBold">
                        Ad Group Categories
                    </span>
                </td>
            </tr>
            <xsl:if test="count(AdCategories/Category) != 0">
                <tr>
                    <td align="left" style="padding-left: 15px; padding-bottom: 15px; padding-right: 15px;">
                        <div style="border: 2px solid white;">
                            <table class="tableMaster" border="1" bordercolor="white" borderstyle="solid" cellpadding="0" cellspacing="0">
                                <tr class="labelHeader" style="background-color: #4F81BD;">
                                    <td>&#xa0;</td>
                                    <td style="padding-left: 10px; color: white;" class="label">Category</td>
                                    <td style="padding-left: 10px; color: white;" class="label">Status</td>
                                    <td style="padding-left: 10px; color: white;" class="label">Priority</td>
                                    <td style="padding-left: 10px; color: white;" class="label">LSPriority</td>
                                </tr>
                                <xsl:for-each select ="AdCategories/Category">
                                    <tr id="tr_{normalize-space(AdGroupCategoryID)}" style="background-color: #D0D8E8;">
                                        <td style="text-align: center;" class="label" width="10%">
                                            <span class="onMouseOver" 
                                                  onClick="return ads_deleteGroupCategory(
                                                                    {normalize-space(AdGroupCategoryID)}, 
                                                                    'divAdCategories');">X</span>
                                        </td>
                                        <td style="padding-left: 10px;" class="label">
                                            <xsl:value-of select="CategoryName"/>
                                        </td>
                                        <td style="padding-left: 10px; padding-right: 10px;" class="label">
                                            <xsl:value-of select="Status"/>
                                        </td>
                                        <td style="padding-left: 10px;" class="label">
                                            <xsl:value-of select="Priority"/>
                                        </td>
                                        <td style="padding-left: 10px; width:150px" class="label">
                                            <div id ="div_{AdGroupCategoryID}_Priority" onclick="editPriority({AdGroupCategoryID});"  onmouseover="this.style.textDecoration='underline';"  onmouseout="this.style.textDecoration='none';" class="link">
                                                <div id ="div_{AdGroupCategoryID}_PriorityValue">
                                                    <xsl:value-of select="LSPriority"/>
                                                </div>
                                            </div>
                                            <div id ="div_{AdGroupCategoryID}_Priority_Edit" style="display:none;">
                                                <input id="txt_{AdGroupCategoryID}_UpdatePriority" value="{LSPriority}" type="text" name="Priority" style="width:50px">
                                                </input>
                                                <input type="button" name="Priority" value ="Save" style="width:50px; background-color: #4F81BD; color:white;"
                                                       onclick="updatePriority({AdGroupCategoryID},'txt_{AdGroupCategoryID}_UpdatePriority', true);"></input>
                                                <input type="button" name="ExitPriority" value ="X" style="background-color: #4F81BD; color:white;"
                                                        onclick="exitUpdatePriority({AdGroupCategoryID});"></input>
                                            </div>
                                        </td>
                                    </tr>
                                </xsl:for-each>
                            </table>
                        </div>
                    </td>
                </tr>
            </xsl:if>
        </table>
    </xsl:template>
</xsl:stylesheet>
