<?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">1.0</xsl:param>
  <xsl:param name="PAGE-TITLE">Add Note</xsl:param>
  <xsl:param name="PAGE-NAME">addNote</xsl:param>

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

    <div class="{$PAGE-NAME}">
      
      <div class="card">
        
        <div class="card-header bg-primary text-white p-1 ps-3">
          <i class="bi bi-chat-dots me-2"/>
          <xsl:value-of select="$PAGE-TITLE"/>
        </div>
        
        <div class="card-body">
          
          <form action="" name="{$PAGE-NAME}" method="post" id="{$PAGE-NAME}">

            <input type="hidden" name="action" value="Notes.addNote"/>
            <input type="hidden" name="step"   value="add"/>
            
            <input type="hidden" name="note_type"      value="{$NOTE_TYPE}"/>
            <input type="hidden" name="note_reference" value="{$NOTE_REFERENCE}"/>
          
            <div class="row">

              <div class="col-lg-8 mb-3">
                <label class="form-label" for="note_text">Note</label>
                <textarea class="form-control form-control-sm" name="note_text" id="note_text" rows="8" autofocus="autofocus"/>
              </div>
              
            </div>
          
          </form>

          <div class="buttons mt-2 mb-2">
            <button type="button" class="btn btn-sm btn-primary me-2 btnSave"><i class="bi bi-floppy me-2"/>Save</button>
            <button type="button" class="btn btn-sm btn-primary me-2 btnCancel"><i class="bi bi-check-lg me-2"/>Cancel</button>
          </div>
          
        </div>
        
      </div>
      
    </div>
          
  </xsl:template>

</xsl:stylesheet>
