﻿<?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="PermissionID" select="AjaxRequest/PermissionID"></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="label" style="margin-bottom:10px;">There are no Responses</div>
            <input type="button" class="button" value="Add Response"
                   onClick="clientPortal_DisplayAddNewResponseBox('{$PortalItemID}','divClientPortalOperations_Container');"></input>
          </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>
                  <span class="labelBold" style="color:#376092;">
                    <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 = 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>
                  <div style="margin-bottom:5px;">
                    <input type="button" class="smallButton" value="Edit"
                           onClick="clientPortal_EditCRMResponse('{$PortalItemID}','{CRMResponseID}','divClientPortalOperations_Container','Edit');"></input>
                  </div>
                  <div style="margin-bottom:5px;">
                    <input type="button" class="smallButton" value="Delete"
                           onclick="clientPortal_DeleteCRMResponse('{$PortalItemID}','{CRMResponseID}');"></input>
                  </div>
                  <div>
                    <input type="button" class="smallButton" value="Test"
                     onClick="GenerateResponseEmail('{$PortalItemID}','{CRMResponseID}');"></input>
                  </div>
                </td>
              </tr>
            </xsl:for-each>
          </table>

          <div id="btn_AddNewResponse">
            <input type="button" class="button" value="Add Response"
                   onClick="clientPortal_DisplayAddNewResponseBox('{$PortalItemID}','divClientPortalOperations_Container');"></input>
          </div>

        </xsl:otherwise>
      </xsl:choose>


    </div>
  </xsl:template>
</xsl:stylesheet>
