﻿<?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:call-template name ="CommentInputBox">
            <xsl:with-param name ="itemID"  select ="normalize-space(RateITData/RateIt/ItemID)"></xsl:with-param>
            <xsl:with-param name ="comments"  select ="normalize-space(RateITData/RateIt/Comments)"></xsl:with-param>
            <xsl:with-param name ="divID"  select ="normalize-space(RateITData/DivID)"></xsl:with-param>
            <xsl:with-param name ="RatingValue"  select ="normalize-space(RateITData/RateIt/RatingValue)"></xsl:with-param>
        </xsl:call-template>

        <div id="divRateItComments" style="margin: 15px;">
            <xsl:value-of select="RateITData/Comments/Html" disable-output-escaping ="yes"/>
        </div>
    </xsl:template>

    <xsl:template name ="CommentInputBox">
        <xsl:param name ="itemID" select="'N/A'"></xsl:param>
        <xsl:param name ="comments" select="'N/A'"></xsl:param>
        <xsl:param name ="divID" select="'N/A'"></xsl:param>
        <xsl:param name ="RatingValue" select="'N/A'"></xsl:param>

        <table class="tableMaster">
            <tr>
                <td>
                    <div id="divRateIt">
                        <div style="border: 4px solid #385D8A; margin: 15px; width: 80%;">
                            <table class="tableMaster">
                                <tr>
                                    <td style="width: 30%;" valign="top">
                                        <div style="border: 2px solid #385D8A; margin-left: 10px; margin-top: 10px; margin-right: 10px;
                                                margin-bottom: 10px; text-align: right; width: 150px; padding-right: 20px;">
                                            <div>
                                                <span class="label">Your Rating:</span>
                                            </div>
                                            <div>
                                                <span class="label">Your Comments:</span>
                                            </div>
                                        </div>
                                    </td>
                                    <td valign="top">
                                        <div>
                                            <xsl:if test ="$RatingValue = '0'">
                                                <span class="label">
                                                    You Like
                                                    <img src="DesktopModules/Communities/images/ThumbsUp.png" hspace="4" border="0" align="absmiddle"
                                                      class="link" onclick='return communityContent_SaveRateIt(
                                                                                                      "{normalize-space($itemID)}",
                                                                                                      "{normalize-space($divID)}",
                                                                                                      "1")'/>
                                                    /
                                                    <img src="DesktopModules/Communities/images/ThumbsDown.png" hspace="0" border="0"
                                                     align="absmiddle" class="link" onclick='return communityContent_SaveRateIt(
                                                                                                      "{normalize-space($itemID)}",
                                                                                                      "{normalize-space($divID)}",
                                                                                                      "-1")'/>
                                                </span>
                                            </xsl:if>
                                            <xsl:if test="$RatingValue = '1'">
                                                <span class="label">
                                                    You Like
                                                    <img src="DesktopModules/Communities/images/ThumbsUp.png" hspace="4" border="0" align="absmiddle" />
                                                    This! ( Change to
                                                    <img src="DesktopModules/Communities/images/ThumbsDown.png" hspace="0" border="0"
                                                      align="absmiddle" class="link" onclick='return communityContent_SaveRateIt(
                                                                                                      "{normalize-space($itemID)}",
                                                                                                      "{normalize-space($divID)}",
                                                                                                      "-1")'/>)
                                                </span>
                                            </xsl:if>
                                            <xsl:if test="$RatingValue = '-1'">
                                                <span class="label">
                                                    You Don't Like
                                                    <img src="DesktopModules/Communities/images/ThumbsDown.png" hspace="4" border="0" align="absmiddle" />
                                                    This! ( Change to
                                                    <img src="DesktopModules/Communities/images/ThumbsUp.png" hspace="0" border="0"
                                                     align="absmiddle" class="link" onclick='return communityContent_SaveRateIt(
                                                                                                      "{normalize-space($itemID)}",
                                                                                                      "{normalize-space($divID)}",
                                                                                                      "1")'/>)
                                                </span>
                                            </xsl:if>
                                        </div>
                                        <div>

                                            <xsl:if test="normalize-space($comments) = 'NoComments'">
                                                <div id="div_RateIt_{normalize-space($itemID)}_AddRateComments" style="display:block;">
                                                    <!--<textarea id="txt_RateIt_{normalize-space($itemID)}_Comments" rows="1"
                                                            class="textAreaNotes" onclick='return RateIt_AddComments(
                                                                                                    "div_RateIt_{normalize-space($itemID)}_AddComments",
                                                                                                    "txt_RateIt_{normalize-space($itemID)}_Comments"
                                                                                                    );'
                                                            onblur='return RateIt_retainCommentsPrevState(
                                                            "div_RateIt_{normalize-space($itemID)}_AddComments",
                                                            "txt_RateIt_{normalize-space($itemID)}_Comments"
                                                            );'>Add your comment here...</textarea>-->
                                                </div>
                                                <div id="div_RateIt_{normalize-space($itemID)}_DisplayRateComments" style="display:none;">
                                                    <span class="label">
                                                        <xsl:value-of select ="normalize-space($comments)"/>
                                                    </span>
                                                </div>
                                            </xsl:if>
                                            <xsl:if test="normalize-space($comments) != 'NoComments'">
                                                <div id="div_RateIt_{normalize-space($itemID)}_AddRateComments" style="display:none;">
                                                    <!--<textarea id="txt_RateIt_{normalize-space($itemID)}_Comments" rows="1"
                                                            class="textAreaNotes" onclick='return RateIt_AddComments(
                                                                                                    "div_RateIt_{normalize-space($itemID)}_AddComments",
                                                                                                    "txt_RateIt_{normalize-space($itemID)}_Comments"
                                                                                                    );' onblur='return RateIt_retainCommentsPrevState(
                                                                                                    "div_RateIt_{normalize-space($itemID)}_AddComments",
                                                                                                    "txt_RateIt_{normalize-space($itemID)}_Comments"
                                                                                                    );'>Add your comment here...</textarea>-->
                                                </div>
                                                <div id="div_RateIt_{normalize-space($itemID)}_DisplayRateComments" style="display:block;">
                                                    <span class="label">
                                                        <xsl:value-of select ="normalize-space($comments)"/>
                                                    </span>
                                                </div>
                                            </xsl:if>
                                        </div>
                                        <xsl:if  test="$divID='divOperations'">
                                            <!--<div id="div_RateIt_{normalize-space($itemID)}_AddComments" style="margin-top: 10px; display: none;">
                                                <input value="Submit" type="button" class="button"
                                                       onClick='return RateIt_SubmitComments(
                                                                                                 "divRateIt",
                                                                                                 "txt_RateIt_{normalize-space($itemID)}_Comments",
                                                                                                  "{normalize-space($itemID)}"
                                                                                                 );'></input>
                                            </div>-->
                                        </xsl:if>
                                        <xsl:if  test="$divID!='divOperations'">
                                        <!--<div id="div_RateIt_{normalize-space($itemID)}_AddComments" style="margin-top: 10px; display: none;">
                                            <input value="Submit" type="button" class="button"
                                                   onClick='return RateIt_SubmitComments(
                                                                                                 "{normalize-space($divID)}",
                                                                                                 "txt_RateIt_{normalize-space($itemID)}_Comments",
                                                                                                  "{normalize-space($itemID)}"
                                                                                                 );'></input>
                                        </div>-->
                                        </xsl:if>
                                    </td>
                                </tr>
                                <tr>
                                </tr>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </xsl:template>
</xsl:stylesheet>
