﻿<?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:include href="../GenericTemplates/Notes_LineBreak.xslt" />

    <xsl:output method="xml" indent="yes"/>

    <xsl:template match="/">
        <xsl:variable name="PortalItemID" select="AjaxRequest/Params/ItemID"></xsl:variable>
		<xsl:variable name="DivID" select="AjaxRequest/Params/DivID"></xsl:variable>
        <xsl:variable name="PermissionID" select="AjaxRequest/PermissionID"></xsl:variable>
        <xsl:variable name="TemplateURL" select="AjaxRequest/TemplateURL"></xsl:variable>




        <div id="div_SavedReponsesList">
            <xsl:choose>
                <xsl:when test="count(AjaxRequest/CRMResponsesList/Response) &lt;= 0">

                    <div id="btn_AddNewResponse" align="center" >
                        <div class="packageTitle marginTop10" style="padding:15px;">There are no Responses</div>
                        <div class="verticallyMiddle onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10" style="width:140px;line-height:30px;"
                                                     onmouseover="document.getElementById('img_Add').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                                     onmouseout="document.getElementById('img_Add').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
                                                     onclick="clientPortal_DisplayAddNewResponseBox('{$PortalItemID}','{$DivID}');">
                            <img id="img_Add" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
                            <span id="span_Add">ADD A RESPONSE</span>
                        </div>
                    </div>
                </xsl:when>
                <xsl:otherwise>
                    <table class="tableMaster" width="100%" cellspacing="5">
                        <!--<tr>
                            <td width="50%">
                                <span class="labelHeader">
                                    Body
                                </span>
                            </td>
                            <td width="30%">
                                <span class="labelHeader">
                                    Details
                                </span>
                            </td>
                            <td width="10%">
                                <span class="labelHeader">
                                    Action
                                </span>
                            </td>
                        </tr>-->
                        <xsl:for-each select="AjaxRequest/CRMResponsesList/Response">
                            <xsl:variable name="Approved" select="Approved"></xsl:variable>

                            <tr>
                                <td>
                                    <div class="labelBold" style="color:#376092;">
                                        <xsl:value-of select="ResponseName"/>
                                    </div>
                                    <span class="labelBold" style="color:#000000;">
                                        <xsl:value-of select="Subject"/>
                                    </span>
                                    <div>
                                        <div id="div_{CRMResponseID}_BodyContentShort" name="collapsed" style="display:block;text-align:justify;cursor:pointer;">
                                            <itemExpansionStatus id="div_{CRMResponseID}_BodyContentShort_expansionStatus" status="collapsed"></itemExpansionStatus>
                                            <span class="labelSmall" title="Click to Preview"
                                                  style="margin-top:-10px;height:30px;overflow-y:hidden;display:block;width:200px;overflow-x:hidden;"
                                                  onclick="clientPortal_DisplayCompleteBodyPreview('{CRMResponseID}','div_{CRMResponseID}_BodyContentShort_CompleteBodyPreview_detail_container');">
                                                <xsl:value-of select="Body" disable-output-escaping="yes"/>
                                            </span>
                                        </div>

                                        <div id="div_{CRMResponseID}_BodyContentShort_CompleteBodyPreview_detail_container"
                                             style="position:absolute;width:380px;display:none;
                                                    border:1px solid rgb(217, 217, 217);float:left;margin-left:60px;background-color:#F2F2F2;
                                                    visibility: visible">
                                            <xsl:value-of select="Body" disable-output-escaping="yes"/>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <span class="labelBold" style="color:#376092">
                                            Active
                                        </span>
                                        <xsl:choose>
                                            <xsl:when test="../../UserRoles/Role[RoleName = 'Brand Admin'] or $PermissionID &gt;= 4">
                                                <a id="ancResponseActive_{CRMResponseID}" class="label" style="cursor:pointer;"
                                                   onClick="return response_EditStatus('ancResponseActive_{CRMResponseID}','ddlResponseActive_{CRMResponseID}')">
                                                    <xsl:choose>
                                                        <xsl:when test="Active = 1">
                                                            <xsl:text>Yes</xsl:text>
                                                        </xsl:when>
                                                        <xsl:otherwise>
                                                            <xsl:text>No</xsl:text>
                                                        </xsl:otherwise>
                                                    </xsl:choose>
                                                </a>
                                                <select class="smallDropdown" style="width:50px;display:none;" id="ddlResponseActive_{CRMResponseID}"
                                                        onChange="response_UpdateActiveStatus('{normalize-space(CRMResponseID)}','ancResponseActive_{CRMResponseID}','ddlResponseActive_{CRMResponseID}');">
                                                    <xsl:choose>
                                                        <xsl:when test="Active = 1">
                                                            <option value="1" selected="selected">
                                                                <xsl:text>Yes</xsl:text>
                                                            </option>
                                                            <option value="0">
                                                                <xsl:text>No</xsl:text>
                                                            </option>
                                                        </xsl:when>
                                                        <xsl:otherwise>
                                                            <option value="1">
                                                                <xsl:text>Yes</xsl:text>
                                                            </option>
                                                            <option value="0" selected="selected">
                                                                <xsl:text>No</xsl:text>
                                                            </option>
                                                        </xsl:otherwise>
                                                    </xsl:choose>
                                                </select>
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <span class="label">
                                                    <xsl:choose>
                                                        <xsl:when test="Active = 1">
                                                            <xsl:text>Yes</xsl:text>
                                                        </xsl:when>
                                                        <xsl:otherwise>
                                                            <xsl:text>No</xsl:text>
                                                        </xsl:otherwise>
                                                    </xsl:choose>
                                                </span>
                                            </xsl:otherwise>
                                        </xsl:choose>
                                    </div>
                                    <div>
                                        <span class="labelBold" style="color:#376092">
                                            Status
                                        </span>
                                        <xsl:choose>
                                            <xsl:when test="../../UserRoles/Role[RoleName = 'Brand Admin']">
                                                <a class="label" style="cursor:pointer;" id="anc_{normalize-space(CRMResponseID)}"
                                                    onClick="return response_EditStatus('anc_{normalize-space(CRMResponseID)}','ddlApproved_{CRMResponseID}')">
                                                    <xsl:value-of select="Approved"/>
                                                </a>
                                                <select id="ddlApproved_{CRMResponseID}" style="display:none;" class="smallDropdown"
                                                        onChange="return response_UpdateApprovedStatus('{normalize-space(CRMResponseID)}','anc_{normalize-space(CRMResponseID)}','ddlApproved_{CRMResponseID}')">
                                                    <xsl:for-each select="../../CRMResponseStatuses/ResponseStatus">
                                                        <xsl:variable name="ResponseStatus" select="ResponseStatus"></xsl:variable>
                                                        <xsl:choose>
                                                            <xsl:when test="$ResponseStatus = $Approved">
                                                                <option value="{ResponseStatusID}" selected="selected">
                                                                    <xsl:value-of select="$ResponseStatus"/>
                                                                </option>
                                                            </xsl:when>
                                                            <xsl:otherwise>
                                                                <option value="{ResponseStatusID}">
                                                                    <xsl:value-of select="$ResponseStatus"/>
                                                                </option>
                                                            </xsl:otherwise>
                                                        </xsl:choose>
                                                    </xsl:for-each>
                                                </select>
                                            </xsl:when>
                                            <xsl:otherwise>
                                                <span class="label">
                                                    <xsl:value-of select="Approved"/>
                                                </span>
                                            </xsl:otherwise>
                                        </xsl:choose>
                                    </div>
                                    <div>
                                        <span class="labelBold" style="color:#376092">
                                            User
                                        </span>
                                        <span>
                                            <xsl:value-of select="DisplayName"/>
                                        </span>
                                    </div>
                                </td>
                                <td class="verticallyMiddle">
                                    <select id="opt_{CRMResponseID}_ResponseActions" class="smallDropdown" style="width:110px;"
                                            onchange="selectResponseAction('opt_{CRMResponseID}_ResponseActions','{$PortalItemID}','{CRMResponseID}','{$DivID}');">
                                        <option value="-99">--Select Action--</option>
                                        <option value="1">
                                            Edit
                                        </option>
                                        <option value="2">
                                            Delete
                                        </option>
                                        <option value="3">
                                            Test
                                        </option>
                                    </select>                                                                       
                                </td>
                            </tr>
                        </xsl:for-each>
                    </table>

                    <div id="btn_AddNewResponse">                      

                        <div class="onMouseOver divBrowseGradient spanBrowseGradientTextGray marginBottom10 marginTop10" style="width:140px;line-height:30px;float:right;"
                                 onmouseover="document.getElementById('img_Add2_AddChallenge').src='{$TemplateURL}Web/Images/Ver_2_0/icon_add_over.png';"
                                 onmouseout="document.getElementById('img_Add2_AddChallenge').src='{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png';"
                                 onClick="clientPortal_DisplayAddNewResponseBox('{$PortalItemID}','{$DivID}');">
                            <img id="img_Add2_AddChallenge" src="{$TemplateURL}Web/Images/Ver_2_0/icon_Add.png" align="absmiddle" style="padding-left:8px;" class="marginRight5"></img>
                            <span id="span_Cancel">
                                ADD A RESPONSE
                            </span>
                        </div>
                    </div>

                </xsl:otherwise>
            </xsl:choose>


        </div>
    </xsl:template>
</xsl:stylesheet>
