﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
        <xsl:variable name="BrandID" select="normalize-space(Brand/BrandID)"/>

        <div width="100%">
            <table class="tableMaster">
                <tr>
                    <td>
                        <span class="label">
                            Brand Name:
                            <b>
                                <xsl:value-of select="normalize-space(Brand/Domain/BrandKey)"/>
                            </b>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input id="txtDomainName" type="text" class="text" value="Add Domain"
                               style="color: #808080; font-style: italic; width: 200px;"
                               onBlur="return restoreTextbox('txtDomainName');"
                               onFocus="return clearTextbox('txtDomainName');"></input>
                        &#xa0;
                        <input type="button" class="button" value="Add"
                               onClick="return linkDomainToBrand(
                                                                    '{$BrandID}', 
                                                                    'txtDomainName',
                                                                    'divBrandDomain_Container');"></input>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 10px;">
                        <table class="tableMaster" cellpadding="0" cellspacing="0" border="1">
                            <tr>
                                <td width="10%" style="padding-left: 10px; padding-right: 10px;">-</td>
                                <td style="padding-left: 10px; padding-right: 10px;">
                                    <span class="labelHeader">Domain(s)</span>
                                </td>
                            </tr>
                            <xsl:for-each select="Brand/Domain">
                                <tr id="tr_{BrandDomainID}_BrandDomain_Container">
                                    <td class="label" style="padding-left: 10px; padding-right: 10px;">
                                        <span class="label onMouseOver"
                                              onClick="return removeDomainFromBrand(
                                                            '{BrandDomainID}', 
                                                            'tr_{BrandDomainID}_BrandDomain_Container');">X</span>
                                    </td>
                                    <td style="padding-left: 10px; padding-right: 10px;">
                                        <xsl:value-of select="DomainName"/>
                                    </td>
                                </tr>
                            </xsl:for-each>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </xsl:template>
</xsl:stylesheet>
