﻿<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:import href="Notes.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/Item[count(Notes/Note) &gt;0]">
                    <div id="div_item_{ItemID}_discussion" style="margin-bottom: 10px;">
                        <div id="div_item_{ItemID}_discussion_Header"
                             class="link"
                             onclick="expandCollapseByGroup('div_item_{ItemID}_discussion_Content');">
                            <xsl:if test="TypeID = 8 or TypeID = 9">
                                <span class="labelHeader">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="margin-left: -10px; display:block" class="seperatorLine">
                            <xsl:apply-templates select="Notes">
                            </xsl:apply-templates>
                        </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="anchorButton" style="color: white; text-decoration: none;" tabindex="2">
                                        Save Topic
                                    </a>
                                </td>
                                <td colspan="2">
                                    <a  onclick="showHideDiscussionForm('divTxtAddDiscussion', 'divDiscussions_form', 'close', {$GoalID})"
                                       class="anchorButton" style="color: white; text-decoration: none;" tabindex="3">
                                        Cancel
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </xsl:template>
</xsl:stylesheet>