﻿<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href="GenericTemplates/DisplayNotes.xslt"/>
    <xsl:import href="GenericTemplates/BoxLayout.xslt"/>

    <xsl:template match="/">
        <xsl:variable name="GoalID" select="normalize-space(Discussion/GoalID)"/>

        <div id="divDiscussions">
            <div id="divDiscussions_Content">
                <xsl:for-each select="Discussion/Items/Item">
                    <xsl:variable name ="DiscussionItemID" select="normalize-space(ItemID)"></xsl:variable>
                    <div id="div_item_{ItemID}_discussion" style="margin-bottom: 10px;">
                        <div id="div_item_{ItemID}_discussion_Header"
                             class="link seperatorLine" style="margin-bottom: 10px;"
                             onclick="expandCollapseByGroup('div_item_{ItemID}_discussion_Content');">
                            <xsl:if test="TypeID = 8 or TypeID = 9">
                                <span>Action:  </span>
                            </xsl:if>
                            <xsl:if test="TypeID = 25">
                                <span>Discussion:  </span>
                            </xsl:if>
                            <xsl:value-of select="ItemName"/>
                        </div>
                        <div id="div_item_{ItemID}_discussion_Content"
                             style="display:block">
                            <div style="margin-left:20px">
                                <div id ="div_itemNotes_{ItemID}" class="notesReply"
                                     style="width:80%; background-color: #F2F2F2; border: 1px dashed #D9D9D9; font-family: Calibri, Verdana, Arial;	font-size: 10pt; vertical-align: top;">
                                    <xsl:apply-templates
                                        select="../../Notes/Note[ParentID = $DiscussionItemID or parentParentItemID = $DiscussionItemID]"/>
                                </div>
                                <div id="div_itemNotes_{ItemID}_TextArea">
                                    <div style="margin-top: 10px; margin-bottom: 10px;">
                                        <textarea id="txt_itemNotes_{ItemID}" rows="1" class="textAreaNotes"
                                                  onclick='return addNote("div_itemNotes_{ItemID}_AddNote", "txt_itemNotes_{ItemID}");'
                                                  onblur='return retainNotePrevState("div_itemNotes_{ItemID}_AddNote", "txt_itemNotes_{ItemID}");'>
                                            <xsl:text>Add note here..</xsl:text>
                                        </textarea>
                                    </div>
                                    <div id="div_itemNotes_{ItemID}_AddNote" style="margin-top: 10px; display: none;">
                                        <input value="Submit" type="button" class="button"
                                               onClick='return Notes_SaveNote("div_itemNotes_{ItemID}", "div_itemNotes_{ItemID}_AddNote", 
                                               "txt_itemNotes_{ItemID}", "{ItemID}");'></input>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </xsl:for-each>
            </div>
            <div id="divDiscussions_NewFormParent" style="margin-top:20px;">
                <div id="divTxtAddDiscussion" style="display:block">
                    <input value="Add New Discussion Here" class="textAreaGoal"
                           id="txtAddDiscussion" onclick="showHideDiscussionForm('divTxtAddDiscussion', 'divDiscussions_form', 'open', {$GoalID})"/>
                </div>
                <div id="divDiscussions_form" style="display:none;">
                    <div style="border: 1px solid black; padding: 20px;">
                        <table width='100%'>
                            <tr>
                                <td style="width: 110px;">
                                    <span id="lbl_Discussion_{$GoalID}_Title" class="label">Topic:</span>
                                </td>
                                <td>
                                    <input id="txt_Discussion_{$GoalID}_Title" type="text"
                                           class="text" value ="" tabindex="1" maxlength="50"/>
                                </td>
                                <td align="left">
                                    <span id ="span_discussion_{$GoalID}_ErrorMessage"
                                          class="labelError" style="display:none;">*</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="width: 90px;">
                                    <a onclick="ItemDiscussion_Save(
                                                            'txt_Discussion_{$GoalID}_Title',
                                                            '{$GoalID}',
                                                            'span_discussion_{$GoalID}_ErrorMessage'
                                                        ); 
                                                showHideDiscussionForm(
                                                                'divTxtAddDiscussion', 
                                                                'divDiscussions_form', 
                                                                'close', 
                                                                {$GoalID}
                                                        );"
                                       class="button" tabindex="2">&#xa0;Save Topic&#xa0;</a>
                                </td>
                                <td colspan="2">
                                    <a  onclick="showHideDiscussionForm('divTxtAddDiscussion', 'divDiscussions_form', 'close', {$GoalID})"
                                       class="button" tabindex="3">&#xa0;Cancel&#xa0;</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </xsl:template>
</xsl:stylesheet>