<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html" encoding="utf-8" indent="yes"/>

    <!-- Parameters -->

    <xsl:param name="VERSION">2.0</xsl:param>
    <xsl:param name="MESSAGE"></xsl:param>
    <xsl:param name="PAGE-NAME">notice</xsl:param>

    <xsl:template match="/">
    
        <script src="js/{$PAGE-NAME}.js?version={$VERSION}"/>   

        
        <div class="notice" id="notice_page">  
      
            <div class="card">

                <div class="card-header bg-warning text-white p-1 ps-3 border-bottom-0">
                    <i class="bi bi-info-circle me-2" aria-hidden="true"/>
                    System Message
                </div>

                <div class="card-body text-left">

                    <div class="alert alert-warning">
                        <b>Message: </b>
                        <xsl:value-of select="$MESSAGE" disable-output-escaping="yes"/>   
                    </div>

                    <div class="buttons mt-2 mb-2">
                        <a role="button" class="btn btn-sm btn-primary me-2 btnContinue">
                            <i class="bi bi-box-arrow-right me-2"/>Continue</a>
                    </div>

                </div> 

            </div> 
      
        </div>

    </xsl:template>

</xsl:stylesheet>
