<?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">Edit Status</xsl:param>
  <xsl:param name="PAGE-NAME">editStatus</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-list-task 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="Statuses.editStatus"/>
            <input type="hidden" name="step"   value="update"/>
            
            <input type="hidden" name="status_serial" id="status_serial" value="{//statuses/record/status_serial}"/>
            
            <div class="row">

              <div class="col-lg-5 mb-3">
                <label class="form-label" for="status_name">Name</label>
                <input type="text" class="form-control form-control-sm" name="status_name" id="status_name" maxlength="100" autocomplete="off" autofocus="autofocus" value="{//statuses/record/status_name}"/>
              </div>

            </div>
            
            <div class="row">

              <div class="col-lg-5 mb-3">
                <label class="form-label" for="status_classes">Classes</label>
                <input type="text" class="form-control form-control-sm" name="status_classes" id="status_classes" maxlength="100" autocomplete="off" value="{//statuses/record/status_classes}"/>
              </div>

            </div>
          
            <div class="row">

              <label class="mb-1">Active Status</label>

              <div class="col-auto mb-3">

                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="status_active" id="status_active" value="true">
                      <xsl:if test="boolean(number(//statuses/record/status_active)) = true()">
                        <xsl:attribute name="checked"/>
                      </xsl:if>
                    </input>
                    <label class="form-check-label" for="status_active">Active</label>
                  </div>

              </div>
              
            </div>
          
            <div class="row">

              <label class="mb-1">Default</label>

              <div class="col-auto mb-3">

                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="status_default" id="status_default" value="true">
                      <xsl:if test="boolean(number(//statuses/record/status_default)) = true()">
                        <xsl:attribute name="checked"/>
                      </xsl:if>
                    </input>
                    <label class="form-check-label" for="status_default">Default</label>
                  </div>

              </div>
              
            </div>
            
          </form>

          <div class="buttons mt-1 mb-2">
            <button type="button" class="btn btn-sm btn-primary me-2 btnCancel"><i class="bi bi-box-arrow-left me-2"/>Cancel</button>
            <button type="button" class="btn btn-sm btn-primary me-2 btnSave"><i class="bi bi-save me-2"/>Save</button>
            <button type="button" class="btn btn-sm btn-primary me-2 btnDelete"><i class="bi bi-trash me-2"/>Delete</button>
          </div>
          
        </div>
        
      </div>
      
    </div>
          
  </xsl:template>

</xsl:stylesheet>
