<?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="APPLICATION_NAME"></xsl:param>
  <xsl:param name="FILE_NAME"></xsl:param>
  <xsl:param name="LINE_NUMBER"></xsl:param>
  <xsl:param name="ERROR_MESSAGE"></xsl:param>
  <xsl:param name="ERROR_NUMBER"></xsl:param>

  <xsl:template match="/">
    
    <div class="error" id="error_page">  
      
      <div class="card">

        <div class="card-header bg-danger text-white p-1 ps-3 border-bottom-0">
          <i class="bi bi-exclamation-triangle me-2" aria-hidden="true"/>
          Issue
        </div>

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

          <p>
            Oops...
          </p>
          
          <p>
            An unexpected issue has occurred and our
            <b>Support Team</b> has been automatically notified.
          </p>

          <p>
            We are sorry for any inconvenience and appreciate your
            patience while we correct the problem.
          </p>

          <xsl:if test="$ENVIRONMENT = 'Development'"> 
            
            <div class="alert alert-danger">
              <b>Application: </b>
              <xsl:copy-of select="$APPLICATION_NAME"/>
              <br/>   
              <b>File: </b>
              <xsl:copy-of select="$FILE_NAME"/>
              <br/>   
              <b>Line: </b>
              <xsl:copy-of select="$LINE_NUMBER"/>   
              <br/>   
              <b>Message: </b>
              <xsl:value-of select="$ERROR_MESSAGE" disable-output-escaping="yes"/>   
            </div>
            
          </xsl:if>

          <div class="buttons mt-2 mb-2">
            <a role="button" class="btn btn-sm btn-primary me-2 btnContinue" onclick="window.close();"><i class="bi bi-box-arrow-right me-2"/>Continue</a>
          </div>

        </div> 

      </div> 
      
    </div>

  </xsl:template>

</xsl:stylesheet>
