<!--  $Id$  -->
<!--                                                                  -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:include href="/app/tools/support/templates/layout.xsl" />

  <xsl:template name="mainBody" >
    <xsl:call-template name="bodyTitle" >
      <xsl:with-param name="title">CM Audio Management</xsl:with-param>
    </xsl:call-template>
    <xsl:call-template name="displayForm" />
  </xsl:template>

  <xsl:template name="displayForm" >
    <xsl:call-template name="collectionListPagination" />

    <xsl:choose>
      <xsl:when test="count(Collection/List/Item)" >
        <xsl:call-template name="fileList" />
      </xsl:when>
      <xsl:otherwise>
        No matching records
      </xsl:otherwise>
    </xsl:choose>

  </xsl:template>

  <xsl:template name="fileList" >
    <div class="dataset" >
    <xsl:for-each select="Collection/List/Item" >
      <xsl:call-template name="fileRecord" />
    </xsl:for-each>
    </div>
  </xsl:template>

  <xsl:template name="fileRecord" >
    <div class="assetFile row{position() mod 2}" >
      <table>
        <tr>
          <td class="iconColumn">
            <a id="assetFileLink_{position()}" onmouseover="javascript:window.status=''; return true;" onclick="showDetails(this,'assetFileList_{position()}');" href="javascript:void(0);" tip="Collapse" >
              <img class="icon" src="/production/images/icons/expand.gif" />
            </a>
          </td>
          <td>
            <a target="_new" href="{/Root/ClientSite}/rps/catalog?c=search&amp;Query={UPC}" >
              <xsl:value-of select="UPC" />
            </a>
          </td>
          <td width="30%">files: <xsl:value-of select="count(Audio)" /></td>
        </tr>
      </table>

      <div class="assetFileList" id="assetFileList_{position()}" style="display:none" >
        <xsl:call-template name="fileDetailList" />
      </div>
    </div>
  </xsl:template>

  <xsl:template name="fileDetailList" >
    <table>
      <tr>
        <th></th>
        <th>ID</th>
        <th>Filename</th>
        <th>Type</th>
        <th></th>
      </tr>
      <xsl:for-each select="Audio" >
        <tr id="assetFileItem_{MediaFile/MediaFileID}">
          <td class="iconColumn">
            <xsl:choose>
              <!-- File exists and it is matched -->
              <xsl:when test="FileExists &gt; 0 and ProductTrackID &gt; 0" >
                <img title="Matched Audio - Ready for Distribution" class="assetFileItem icon" src="/production/images/icons/office/Event-(Green)-(16x16).gif" />
              </xsl:when>

              <!-- File exists but is unmatched -->
              <xsl:when test="FileExists &gt; 0" >
                <img title="Unmatched Audio - File Exists" class="assetFileItem icon" src="/production/images/icons/office/Event-(Yellow)-(16x16).gif" />
              </xsl:when>

              <!-- File does not exists on the file system -->
              <xsl:otherwise>
                <img title="File Does Not Exist" class="assetFileItem icon" src="/production/images/icons/office/Event-(Red)-(16x16).gif" />
              </xsl:otherwise>
            </xsl:choose>
          </td>
          <td><xsl:value-of select="MediaFile/MediaFileID" /></td>
          <td>
            <input type="text" size="35" value="{MediaFile/Filename}" onBlur="changeFilename( this, '{MediaFile/MediaFileID}', '{MediaFile/Filename}' );" />
            <xsl:if test="FileExists &gt; 0">
              <a target="_new" href="{URL}">download</a>
            </xsl:if>
          </td>
          <td><xsl:value-of select="FileType" /></td>
          <td><a href="javascript:void(0);" onClick="deleteRow( '/support/cm?c=delete_audio&amp;mediaFileID={MediaFile/MediaFileID}', 'assetFileItem_{MediaFile/MediaFileID}' );" >delete</a></td>
        </tr>
      </xsl:for-each>
    </table>
  </xsl:template>


</xsl:stylesheet>
