<!--                                                                  -->
<!--  Copyright (C) 2006 RoyaltyShare, Inc.   All Rights Reserved     -->
<!--                                                                  -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" xmlns:dyn="http://exslt.org/dynamic" extension-element-prefixes="dyn">

    <xsl:template name="uiFileUploader">
        <xsl:param name="name" />
        <xsl:param name="id" />
        <xsl:param name="size" />
        <xsl:param name="type" />
        <xsl:param name="buttonContent" />

        <xsl:choose>
            <xsl:when test="$type = 'instant'">
                <div class="FileUploader" data-uploader-type="{$type}">
                    <div class="FileUploader-trigger">
                        <xsl:call-template name="uiButton">
                            <xsl:with-param name="type" select="'primary'" />
                            <xsl:with-param name="content" select="$buttonContent" />
                            <xsl:with-param name="iconLeftType" select="'upload'" />
                        </xsl:call-template>
                        <input class="FileUploader-input" type="file" name="{$name}" id="{$id}" multiple="multiple" size="{$size}" />
                    </div>
                </div>
            </xsl:when>
            <xsl:when test="$type = 'logo'">
                <div class="FileUploader">
                    <div class="FileUploader-trigger">
                        <span class="FileUploader-trigger-text">
                            <xsl:choose>
                                <xsl:when test="normalize-space(/Root/Form/Payor/LogoSourceWeb)">Replace Image:&#160;</xsl:when>
                                <xsl:otherwise>Select Image:&#160;</xsl:otherwise>
                            </xsl:choose>
                        </span>
                        <input class="FileUploader-input" type="file" name="{$name}" id="{$id}" size="{$size}" accept=".gif,.jpg,.jpeg,image/gif,image/jpeg" />
                    </div>
                    <div class="FileUploader-information">
                        No image selected.
                    </div>                    
                </div>                
            </xsl:when>            
            <xsl:otherwise>
                <div class="FileUploader">
                    <div class="FileUploader-information">
                        No file chosen.
                    </div>
                    <div class="FileUploader-trigger">
                        <span class="FileUploader-trigger-text">
                            Choose Files
                        </span>
                        <input class="FileUploader-input" type="file" name="{$name}" id="{$id}" multiple="multiple" size="{$size}" />
                    </div>
                </div>
            </xsl:otherwise>
        </xsl:choose>
    </xsl:template>

</xsl:stylesheet>
